Check out the application on Heroku.
In this mini game, answering certain questions affects the level of certain 'tokens', such as health or happiness.
This project was bootstrapped with Create React App. The front-end is a React application, with Node and Express for the backend, as well as an admin panel generated with Forest Lumber. The react component styles are handled with Aphrodite and react-animations.
The db is set up with games, tokens, questions, and an intermediary table called
question_tokens containing the "rules" between a question and a token.
I used an open source library called Forest Lumber to generate an admin panel to manage this project. The admin panel is complete with all CRUD functionality.
The admin panel code is stored in a different github repo, mainly for deploying purposes.
- Display an end screen if all rounds are over
- Spend more time on the design and layout, especially for smaller devices
- Make it so that the game's questions are asked in random orders and that some questions can be repeating
- I used bars for the token levels since it reminded me the most of an RPG, but ideally those should be updated to have different colors, and actually display 0-5 nodes
- Save the user's progress in localStorage so they can resume the game later
- Add type checking
- Surface any API errors to the user
- Choose a better animation when the questions change