hmelenok / front-end-test-req

Front-end Test Project

Project brief

Create table with actions for group management from provided json on stubs folder.

Table purpose to manage group details(manage users, delete or add new group), action can have submenu with different actions (depends on group type).

Optionally:

• Make it sortable, searchable, extendable

Examples

• The font used in the design is Open Sans

Requirements

1. Create project using React
2. Have consistent Git history (commit workable parts)
3. Make it responsive using your best judgement.
4. Optional bonus task 0: Use Redux, add new group
5. Optional bonus task 1: Search, sort by table
6. Optional bonus task 2: Make the code source the smallest possible size - ensure that images are properly optimized, resources minified, etc.
7. Optional bonus task 3: Add testing

Supported browsers

Ensure that the elements work and display correctly in the following browsers:

• Firefox (latest version)
• Google Chrome (latest version)
• Microsoft Edge
• Internet Explorer 11

Coding Standards

When working on the project use consistent coding style.

Project Deadline

Take your time but try to deliver some at least basic functionality at given time.

General

• Are all requirements set above met?
• Can the project be built using npm run build?
• Is the page working without any JS errors?

Precision

• Is reasonable precision achieved?

Browser check

• Does page display and work correctly in supported browsers?

Valid HTML

• Is the page valid?

Semantic Markup

• Are the correct tags being used?

Coding Standards

• Is the page using a consistent HTML coding style?
• Is the page using a consistent CSS coding style?
• Is the page using a consistent JS coding style?

Optimization

• Are image files sufficiently compressed?
• Is CSS and JS concatenated and minified?

Accessibility

• Are proper ALT attributes for images provided?
• Are ARIA attributes properly used?
• Is proper heading structure in place?