This project is a Turing front-end evelopment project focused on working with React and Enzyme/Jest.
This is an app for people who are learning React and want to brush up on their terminology. It comes with 35 out of box flash cards, and also allows users to create their own flash cards for anything they'd like to add. There are three different game modes with varying levels of difficulty.
You can view the game live on my GitHub at the following link:
If you'd like to clone this repository to your own local machine, run the following command in your terminal:
git clone https://github.com/lynnerang/reactionary.gitThen run the following command to install dependencies:
npm installTo view the app in action, run the following command in your terminal:
npm startThen, go to http://localhost:3000/ in your browser to see the code running in the browser.
- Go to Play and choose from three different game modes.
- Guess mode shows you a term description and example, and you enter your guess.
- Choice mode shows you a term description and example, and gives you three options to choose between.
- Review mode shows you all the cards in the app, so you can brush up on your terminology for the Guess and Choice mode games.
- Check out My Cards to create your own custom flash cards. These will be added to the Guess mode games.
- When all flash cards are answered, the game will restart from the beginning so you can play again any time.
- See the Stats page to find out how many games you've completed and what your high score is.
- Check out the Links page for useful resources for a learner of React.
View the project specification (user stories & other requirements) on the Turing webpage for this project.
- HTML & CSS
- Flex-box
- UI design
- React
- Es6 classes
- API fetches
- Enzyme & Jest testing
- Webpack
- NPM
- ESLint
All credit goes to Turing School of Software for providing the project specifications.