https://github.com/ffcabbar/front-end-task
https://github.com/ffcabbar/front-end-task
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/ffcabbar/front-end-task
- Owner: ffcabbar
- Created: 2022-04-17T01:56:52.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-18T06:50:00.000Z (about 3 years ago)
- Last Synced: 2025-02-15T19:49:00.905Z (3 months ago)
- Language: TypeScript
- Homepage: https://kuehne-nagel-task.netlify.app
- Size: 646 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# front-end-task
### [🚀 See the app in action 🚀](https://kuehne-nagel-task.netlify.app)
## 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](https://nodejs.org/en/)
- 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](https://github.com/ffcabbar/front-end-task/blob/main/src/api/data.ts)
## Technologies
> This project was built with
> [Create React App](https://github.com/facebook/create-react-app). You can
> learn more in the
> [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
- [React](https://reactjs.org/) - UI library
- [mobx-react](https://mobx.js.org/react-integration.html) - Simple, scalable state management
- [sass](https://sass-lang.com/) - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
- [husky](https://typicode.github.io/husky/#/) - Modern native git hooks made easy
- [lint-staged](https://github.com/okonet/lint-staged) - Run linters against staged git files and don't let 💩 slip into your code base!
- [cypress](https://www.cypress.io/) - Fast, easy and reliable testing for anything that runs in a browser
- [react-testing-library](https://testing-library.com/docs/react-testing-library/intro/) - Simple and complete testing utilities that encourage good testing practices
- [react-test-renderer](https://reactjs.org/docs/test-renderer.html) - This package provides an experimental React renderer that can be used to render React components to pure JavaScript objects