front-end-task

🚀 See the app in action 🚀

Resources that was used for the project

• https://testing-library.com/docs/example-input-event/
• https://levelup.gitconnected.com/testing-a-custom-react-hook-21ae732228b7
• https://robertmarshall.dev/blog/react-jest-tests-failing-using-lottie-js-solved/
• https://www.digitalocean.com/community/tutorials/how-to-write-snapshot-tests-for-react-components-with-jest
• https://jestjs.io/docs/snapshot-testing

Encountered problems that was shared on https://stackoverflow.com/

• https://stackoverflow.com/questions/71905943/how-can-i-test-the-custom-fetch-hook-with-dummy-data

Develop

You'll need Node

• run yarn or npm i to install dependencies
• run yarn run start or npm run start to start development environment

Build

• run yarn or npm i to install dependencies
• run yarn build or npm run build to build app for production

Test

• run yarn or npm i to install dependencies
• run yarn test or npm run test to test app

e2e Test

• run yarn or npm i to install dependencies
• run yarn e2e-test or npm run e2e-test to test app

Data

Data is available in the repository

Directory link

Technologies

This project was built with Create React App. You can learn more in the Create React App documentation.

• React - UI library
• mobx-react - Simple, scalable state management
• sass - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
• husky - Modern native git hooks made easy
• lint-staged - Run linters against staged git files and don't let 💩 slip into your code base!
• cypress - Fast, easy and reliable testing for anything that runs in a browser
• react-testing-library - Simple and complete testing utilities that encourage good testing practices
• react-test-renderer - This package provides an experimental React renderer that can be used to render React components to pure JavaScript objects