https://github.com/shahriaras/find-where-client

Frontend of "Single + Multiplayer Online Quiz Game With Map Integration."
https://github.com/shahriaras/find-where-client

charts firebase geojson socket-io zustand

Last synced: about 10 hours ago
JSON representation

Frontend of "Single + Multiplayer Online Quiz Game With Map Integration."

• Host: GitHub
• URL: https://github.com/shahriaras/find-where-client
• Owner: shahriarAS
• Created: 2022-07-31T05:14:39.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-12T12:46:20.000Z (over 2 years ago)
• Last Synced: 2024-01-29T13:54:52.283Z (12 months ago)
• Topics: charts, firebase, geojson, socket-io, zustand
• Language: JavaScript
• Homepage: https://find-where-iam-dev.netlify.app/
• Size: 13.8 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Frontend - Find Where I Am

This is the frontend part of **[Find Where I Am](https://github.com/shahriar-programmer/find-where-i-am)** 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

### Packages ( Some of them )

- ReactJs

- Firebase

- Axios

- Socket.io

- Zustand ( State Management )

- Leaflet ( GeoJson Render )

- React Hook Form

- React Charts

### Screenshots

**Homepage**

![Homepage](https://i.postimg.cc/rwVGXhRZ/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game.png)

**Game Screen**

![Game Screen](https://i.postimg.cc/vZdyQNry/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-2.png)

**Multiplayer**

![Multiplayer](https://i.postimg.cc/DwsqG84s/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-3.png)

**Leaderboard**

![Leaderboard](https://i.postimg.cc/y6vn6g08/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-1.png)

**Setting Page**

![Setting Page](https://i.postimg.cc/Z5kNJ4sq/Screenshot-2022-10-12-Find-Where-I-Am-Online-Solo-Multiplayer-Game-4.png)