Git Product home page Git Product logo

arnabuchiha / cguess-game Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 29.04 MB

⛳️ Multiplayer game where players will have to guess the city according to given images. Each player gets 60 seconds to guess the city based on the clues provided to them in a pictorial format and then mark it on the map. The time is taken and the accuracy of the marked location plays an important factor in determining your score!

Home Page: https://cguess.vercel.app

License: MIT License

HTML 6.03% CSS 15.98% JavaScript 66.44% SCSS 11.55%
react react-game react-google-maps google-maps-game google-maps-api socket-io multiplayer-game cguess

cguess-game's Introduction

Cguess logo

This is an online multiplayer game in which every individual player has to guess the city using the clues provided . He also has to mark the location of that city on the map present on the screen. A player is alloted points on the basis of the accuracy and the time taken to ping the location on map. The game also contains a chat feature where a player can interact with other players present in the same lobby.

Branch master GitHub license

Show some love ❤️ and Star ⭐️ the Repository to support the project.

Installation

  • Install Node on your computer
  • Clone this repository and the backend repository from here .
  • Open CMD on your computer and change the directory to the place where you cloned the front-end repository.
  • Run the command npm install to install all the necessary packages from node server.
  • Now run the command npm start to run the frontend on your localhost.
  • Follow the same procedure for the backend repository , to run the server on your localhost .
  • Run the app live on localhost:3000

How To Play 🎮

  • Each player gets 60 seconds to guess the city based on the clues provided to them in a pictorial format and then mark it on the map.The time taken and the accuracy of the marked location play an important factor in determining your score!

Technology Stack 💻

  • React - For Frontend.
  • Node - For backend.
  • SOCKET.IO - For realtime Communication.
  • MongoDB Atlas - For storing Facts.

Screenshots 📷

The Website is live here 😃

cguess-game's People

Contributors

arnabuchiha avatar flyingninja97 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

maryamtaslimi

cguess-game's Issues

slow performance when loading the game component

Hello there!
I recently forked this game. Well written! thank you for sharing it publicly.
One issue is that it performs slowly on "Loading...." (before rendering the Game component and exactly by the time of opening socket and receiving the data from backend). Any hint or suggestion what might cause this issue?
NOTE: sometimes by refreshing the page it will immediately redirects to the game path and everything is fine. sometimes it doesn't have any problem. But often gets stuck on loading.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.