
Content
Introduction
- A multi-level game to guess the color based on the RGB code, earn rewards or get penalty based on a scoring system with limited chances and time
- Designed and implemented a fully mobile responsive, user-friendly SPA with React, MaterialUI, using Redux for global state management
- Utilized React hooks, router, write custom hooks to reuse component logic
- Developed REST APIs with features such as filtering, sorting, pagination, field limiting, rate limiting, etc with NodeJS - ExpressJS, secured with JWT stateless authentication
- Designed MongoDB schema, using Mongoose as ODM and schema validation
- Implemented real-time high scores emission with socket.io
- Set up CICD with Github, Heroku for backend and Netlify for frontend
Features
- Given limited time and chances, guess the color based on the RGB code
- Guess correctly to move on to the next level
- 6 levels: Easy, Medium, Hard, Extreme, Insane, Impossible
- Passing each level gets rewarded with appropriate scores, chances, and time
- Failing to guess the correct color results in score and chance penalty
- Display real-time high scores
- Sign up to save high scores
