Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shahriaras/hidden-object

Single + Multiplayer Online Object Finding Game.
https://github.com/shahriaras/hidden-object

chartjs firebase nodejs reactjs socket-io zustand

Last synced: about 10 hours ago
JSON representation

Single + Multiplayer Online Object Finding Game.

Awesome Lists containing this project

README

        

## Find The Object

This is an **online multiplayer** game.
[Live Site Link](https://hidden-react.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**:
- Giving random position of objects.
- Locating the mouse click and check if correct.
- Highlighting specific area for hint.

**Frontend Skills I earned**
- Socket.io client

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

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

**Screenshots**

![Homepage](https://i.postimg.cc/LXfRQYP3/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game.png)
![Game Screen](https://i.postimg.cc/Fz7bQv9p/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-3.png)
![How To Play](https://i.postimg.cc/7Y1bX6rk/Find-The-Element-on-the-game-screen.png)
![Game Screen Paused](https://i.postimg.cc/Wz38br7M/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-4.png)
![Leaderboard](https://i.postimg.cc/brzM0s9J/Screenshot-2022-10-26-Find-The-Object-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/BvbxdDJD/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-2.png)