A geography quiz game that challenges players to guess cities around the world through progressive clues. Test your geography knowledge while competing with friends!
- 🎮 Interactive city guessing game
- 🔍 Multiple clues per destination
- 📊 Detailed performance analytics
- 🌓 Elegant dark/light theme
- 🤝 Challenge friends via invite links
- 📱 Fully responsive design
- 🎨 Smooth animations and transitions
- 👤 Quick anonymous play option
- Next.js & React
- TypeScript
- Styled Components
- React Context for state
- Recharts for statistics
- React Toastify
- Feather Icons
- DiceBear Avatars
- Node.js
- Express.js
- MongoDB with Mongoose
- RESTful API design
- Vercel (Frontend)
- Render (Backend)
- MongoDB Atlas
- Start with a single clue about a destination
- Reveal additional clues strategically
- Multiple-choice city options
- Points system based on clues used
- Track correct vs wrong answers
- First-clue success rate
- Multiple-clue performance
- Visual performance charts
- Generate invite links
- Challenge friends
- Anonymous play support
- Persistent user stats
- Clone the repository
git clone https://github.com/DebjitPramanick/globetrotter.git- Install dependencies (backend)
cd server
npm install- Install dependencies (frontend)
cd client
npm install- Start the development server (backend)
cd server
npm run dev- Start the development server (frontend)
cd client
npm run dev- Open your browser and navigate to
http://localhost:3000