Explore and discover information about your favorite characters
- Get a List of Marvel characters
- Search for specific character
- Read character description
- Get all comics related to the selected character
- Create a list of your favorite characters
- Clone the repository
git clone https://github.com/LucasFelipeTimoteo/challenge-frontend-react
- Dowload dependencies
npm install
- Authentication to get data from Marvel
- Create your account in https://developer.marvel.com/
- Get your private and public keys in https://developer.marvel.com/account
- Create a file called .env inside frontend folder
- Add your public key, private key and limit=20 to the file this way:
REACT_APP_API_PRIVATE_KEY=YOUR PRIVATE KEY
REACT_APP_API_PUBLIC_KEY=YOUR PUBLIC KEY
REACT_APP_API_LIMIT=20
- Go to project folder
cd frontend
- Start React app
npm start
- Run unit tests
npm test
- Run integration/E2E tests
npm run test:cypress
- Run all tests (units and integration/E2E) at once
npm run test:all
- Tips
- Avoid running Integration/E2E tests if your Internet connection is not stable as this could result in unexpected errors
- Avoid interacting with the application from within the test browser while the integration/E2E tests are running
- To manually test some functionality, prefer to use the real application running in your browser
- If an Integration/E2E test unexpectedly failed try running the tests again
- Integration/E2E interface (Cypress interface)
-
When running the Integration/E2E tests, the following interface will appear:
-
To run all integration/E2E tests at once, click in "Run Nº integration specs"
- React
- Node.js (v14.15.4)
- Javascript
- Typescript
- Material-UI
- Axios
- Cypress
- Jest
Made with ❤️ by Lucas Felipe Timoteo