Minesweeper App

Hello y'all Minesweepers! We really love Minesweeper so we made this website for you to play Minesweeper!
It has a more modern UI than the other Minesweeper websites (I will let you judge) while still preserving the old school design, we also incorporated features such as sliderbar for the difficulty (try swiping it!!), Leaderboard (be on the top 😎), and lastly profile stats (winrate, total game, etc) and in-game store (coming soon! buy stuff with in game coins 💰💰)

Website

https://msweeper.com

Todo

These are the list of things we will work on when we are free:

1. In game store
2. Better UI/UX and layout (mobile and more general)
3. Animation for flag for mobile
4. Media queries for middle sized device
5. Google-map like zoom in/out for laptop! (if you think this is really cool and want it, please tell us at the feedback form below!)
6. Search Engine Optimization & monetize (maybe)
7. Middle click for fast reveal

Why we build this website

tl;dr: Just two college students who can't get a job after 100+ of applications and decided to do something (at least) useful

Jing Xian and I decided to make this website as not just something to put on our resume, but also as a learning opportunity for things like Firebase and also solidify our understandings to React, Express and stuff. We also both really like minesweeper but aren't really satisfied with the current design of most popular minesweeper websites (for example most of them don't really have great UX for mobile), so we decided to make our own! It's been a great experience and both of us learned a lot of useful skills (e.g. CI/CD!) that appears very frequently on job posting descriptions :D

Technical Details

Tech stacks: JavaScript/TypeScript, Firebase, React, TailwindCSS and Express.

For testing: Cypress, Jest

REST API, also act as a cache to reduce Firebase usage

Secured, http-only cookie encoded/decoded with JWT for state persistence

...

Developers: Bernard Yap | Jing Xian Chai
Please submit any feedbacks/critiques/thoughts onto this feedback form