For that, the player answers a set of questions regarding the Marvel Universe to determine if he trully knows every character.
Moreover, the game is fully customizable: the player can choose the level of complexity by tweaking some parameters (Newbie, Intermediate, Master, or Custom).
React + Redux + Styled-Components
The architecture of the project follows Redux to manage the state of the app.
The User Interface is built using styled-components.
This project was bootstrapped with Create React App.
Table of contents
- Setting up the development environment
- Run the game
- Code structure
- Build for production
- Copyright and licence
Setting up the development environment
⚠️Create a config file using the sample file
Remove the .dist extension and replace the Marvel API public and private keys with your own. You can get the those keys on the Marvel developer portal
Run the game
. ├── public/ # static public files │ └── index.html ├── src/ # source files │ ├── actions/ # redux action creators files │ │ ├── __tests__/ # test directory (should be in every folder) │ │ ... │ ├── components/ # UI styled-components │ ├── config/ # config files │ ├── constants/ # constants (eg. actionType names, routes) │ ├── containers/ # game containers │ │ ├── HomeScreen/ │ │ ├── PlayScreen/ │ │ ├── ResultScreen/ │ │ ├── App.js # higher-order component │ │ ... │ ├── reducers/ # redux reducers │ ├── utils/ # utility files (eg. helpers.js, style utils, etc.) │ ├── index.js # main entry point for react app │ └── theme.js # theme file (colors, font size, ...) ├── .env ├── .eslintrc.js # eslint config file ├── .gitignore # control file for git ├── gitlab.ci # config file for gitlab ci └── package.json # meta data and list of project dependencies
This project uses Jest to test units of code and react components.
Test files have a
.test.js suffix or
.js suffix in
Run tests in interactive mode:
You will be able to visualise tests and update snapshots. Read more about tests
Build for production
Build the app for production to the
Love Marvel JARVIG and would like to help? Check out the contribution guidelines for this project, everything should be there!
Marvel JARVIG is maintained under the Semantic Versioning guidelines.
This project was created for learning purposes, using best practices and experimenting on latest web technologies.
Copyright and licence
Code and documentation copyright 2018, Yassine Doghri. Code released under the MIT License.