This app allows the user to click on a unique movie title per game. It will keep the current score and the best score per game. There is also use of the TMDb API for getting movie covers that populate the game.
With this project I wanted to refresh my knowledge with API's and broaden my scope of using React with hooks and functional components. As well as organizational skills needed prior to even touching code. Throughout the project there are tests created using jest as well as dynamic item creation with React. Being able to do a nice mix of JavaScript code and React was a focal point of this project.
Below you can see a portion of the roadmap I made to create this project.
This project follows the Airbnb JavaScript Style Guide.
Eslint and Prettier were also used in this project.
Built with
- React
- Prettier
- ESlint
- Babel
- Webpack
- Jest
- npm
- react-testing-library
- create-react-app
- react-responsive
$ git clone [email protected]:ec-rilo/Memory-Card.git
All tests are run using Jest and react-testing-library.
To install Jest please follow the Getting Started Page on the Jest website.
To install react-testing-library type npm install --save-dev @testing-library/dom in the terminal.
To learn more please read the docs at testing-library.com/react
Please note, if using create-react-app - both Jest and react-testing-library will have been installed for you.
I'd like to thank the team that created the TMDb API for letting many of us use a version of the API for free and I'd also like to thank my Discord Community as always, they have helped me with many questions that I have had and cleared up many confirmation questions as well. I couldn't do it without them.
Edgar Carrillo
Project created by Edgar Carrillo