https://github.com/ffcabbar/yolo-fe-test-assignment
https://github.com/ffcabbar/yolo-fe-test-assignment
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/ffcabbar/yolo-fe-test-assignment
- Owner: ffcabbar
- Created: 2022-05-04T11:15:27.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-04T23:09:00.000Z (about 3 years ago)
- Last Synced: 2025-02-15T19:49:00.739Z (3 months ago)
- Language: TypeScript
- Homepage: https://yolo-fe-task.netlify.app/
- Size: 487 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# yolo-fe-test-assignment
### [🚀 See the app in action 🚀](https://yolo-fe-task.netlify.app/)
## Resources that I use for the project
- https://www.apollographql.com/docs/react/development-testing/testing/
- https://github.com/apollographql/react-apollo/issues/3709
- https://robertmarshall.dev/blog/react-jest-tests-failing-using-lottie-js-solved/
- https://medium.com/@galen.corey/understanding-apollo-fetch-policies-705b5ad71980
## Encountered problems that I was shared on https://stackoverflow.com/
- https://stackoverflow.com/questions/72081201/uselazyquery-oncompleted-function-is-not-being-called
## 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
All data is fetched from this graphql API
[blocktap.io](https://api.blocktap.io/graphiql).
## 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
- [GraphQL](https://graphql.org/) - GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data
- [Apollo GraphQL](https://www.apollographql.com/docs/react) - The Apollo Graph Platform unifies GraphQL across your apps and services
- [sass](https://sass-lang.com/) - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
- [react-toastify](https://fkhadra.github.io/react-toastify/introduction/) - 🎉 React-Toastify allows you to add notifications to your app with ease.
- [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