dna-frontend-test

This project was prepared to verify candidate's experience regarding frontend development. It is built using:

• React
• Redux
• Axios (asynchronous calls)
• i18next (internationalization)
• Babel (transpiling)
• Webpack (development environment, build environments)

Regarding testing, it takes into consideration:

• unit tests (Jest)
• e2e tests (Cypress)

How to run application?

To be able to run the application:

1. Clone repository
2. Make sure you checked out latest master branch
3. Create .env file with all the fields mentioned in .env.example
4. Run npm i
5. Run npm start
6. Application should start on http://localhost:3000

Attention! Remember to make sure backend runs on the url and port set in .env config file.

How to run unit tests?

To run unit tests simply run NPM script: npm run test.

How to generate code documentation?

To generate documentation from the code simply run NPM script: npm run jsdoc.

How to run static code analysis (via ESlint)?

To run static code analysis run NPM script npm run eslint

What should be added/further developed?

• Adding unit tests (I have focused mostly on project configuration)
• Adding e2e tests
• Adding Prettier (next to existing ESlint)
• Git hooks and conventional commits
• Auto creation of release notes from commits
• Code documentation
• More focus on RWD
• Adding themes
• Security - authorisation and authentication
• Lazy loading/code-splitting/tree-shaking
• Adding hashes to bundles so browser is forced to download new files each time deployment happens
• Automation configuration (pipelines)
• More user-friendly error handling
• FE & BE contract validation via for example JSONSchema
• Reports out of linters and testing tools
• User manual
• CSS Modules/Styled components
• Making app more user-friendly and looking attractive
• Storing some data in session storage so user, after refreshing the page, might be redirected to the last opened page in pagination
• Scrolling to the latest checkout out user (currently it's only highlighted)