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

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

chartjs firebase reactjs socket-io zustand

Last synced: about 10 hours ago
JSON representation

Frontend of "Single + Multiplayer Online Object Finding Game."

• Host: GitHub
• URL: https://github.com/shahriaras/hidden-object-react
• Owner: shahriarAS
• Created: 2022-07-14T16:16:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-29T12:13:37.000Z (9 months ago)
• Last Synced: 2024-04-30T12:42:52.682Z (9 months ago)
• Topics: chartjs, firebase, reactjs, socket-io, zustand
• Language: JavaScript
• Homepage: https://hidden-react.netlify.app/
• Size: 17.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Frontend - Find The Object

This is the frontend part of **[Find The Object](https://github.com/shahriar-programmer/hidden-object)** 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

### Packages ( Some of them )

- ReactJs

- Firebase

- Axios

- Socket.io

- Zustand ( State Management )

- React Hook Form

- React Charts

### Screenshots

**Homepage**

![Homepage](https://i.postimg.cc/LXfRQYP3/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game.png)

**Game Screen**

![Game Screen](https://i.postimg.cc/Fz7bQv9p/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-3.png)

**How To Play**

![How To Play](https://i.postimg.cc/7Y1bX6rk/Find-The-Element-on-the-game-screen.png)

**Game Screen Paused**

![Game Screen Paused](https://i.postimg.cc/Wz38br7M/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-4.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/brzM0s9J/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-1.png)

**Setting Page**

![Setting Page](https://i.postimg.cc/BvbxdDJD/Screenshot-2022-10-26-Find-The-Object-Online-Solo-Multiplayer-Game-2.png)