FlagGuessr is a feature-rich flag guessing game born from the need for a more customizable experience. Unlike other flag guessing games that often lack either functionality or good design, FlagGuessr combines the best of both worlds with extensive customization options, multiple game modes, and a vast flag selection.
- Different gamemodes and gamemode options
- Different game styles
- Customizable flag selection
This project was born from a deep desire for a more customizable flag guessing game. I played many web flag guessing games, but all of them felt lacking. Some had a functionality that I liked, but a bad design. Others had great designs, but lacked functionalities. My idea was to bring into this project the best of both worlds.
This was my first attempt at a fully-fledged Next.js webapp and my second significant experience with MongoDB. Even though it was simpler than some of my other projects, since it doesn't have the whole register/login necessities, it was still an interesting challenge to get everything up and running.
Through building FlagGuessr, I gained a better grasp of Next.js' App Router and server components. Although I'm still far way from being good at it, I now have a better understanding of data modeling in MongoDB and how to properly use Mongoose to fetch data.
- Clone this repository:
$ git clone https://github.com/Luhmeiy/flagguessr flagguessr
- Navigate to directory:
$ cd flagguessr
- Install dependencies:
$ npm run install
- Define environment variables:
MONGODB_URI=your_mongodb_connection_string
BACKEND_URL=http://localhost:3000
- Run the development server:
$ npm dev
