Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shahriaras/find-where-i-am

Single + Multiplayer Online Quiz Game With Map Integration.
https://github.com/shahriaras/find-where-i-am

charts firebase geojson nodejs react socket-io zustand

Last synced: about 11 hours ago
JSON representation

Single + Multiplayer Online Quiz Game With Map Integration.

Awesome Lists containing this project

README

        

## Find Where I Am

This is an **online multiplayer** game.
[Live Site Link](https://find-where-iam-dev.netlify.app/)

**Game Features**:
1. User Sign Up, Login
2. User Profile ( Game History, Last 10 Match Graph, Update Profile )
3. Leaderboard ( Dynamic data from database )
4. Singleplayer Game
5. **Multiplayer** Game ( Host game, join game and play with friends )
6. Online Game

**Frontend Challenges I Faced**:
- Rendering GeoJson.
- Highlighting specific area and painting gray others area.

**Frontend Skills I earned**
- Leaflet library which helps to render map from geoJson.
- Socket.io client

**Backend Challenges I Faced**:
- Socket.io state management.

**Backend Skills I earned**
- Socket.io

**Screenshots**

![Homepage](https://i.postimg.cc/rwVGXhRZ/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game.png)
![Game Screen](https://i.postimg.cc/vZdyQNry/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-2.png)
![Leaderboard](https://i.postimg.cc/y6vn6g08/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-1.png)
![Multiplayer](https://i.postimg.cc/DwsqG84s/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-3.png)
![Setting Page](https://i.postimg.cc/Z5kNJ4sq/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-4.png)