Giter Club home page Giter Club logo

word-charades's Introduction

yayscribbl

Word Charades is a multiplayer realtime word guessing game, I developed whole of the frontend of this app using flutter and dart, and backend of the app using nodejs and mongo db. I facilitated real time communication using socket.io for realtime connections.

Users can create game room by providing details like number of users in the game, number of rounds and a room name. this data is sent to the server which joins the user to a socket room.

the user can share this to room name to friends, who can join the room directly using it.

once the room has enough users, the game starts.

Built realtime whiteboard for one user to draw on, the data is caputred as list of coordinates on the screen and sent to the server. the server then broadcasts this data to all other players in the room.

Other users can guess the word and write it in the integrated chatbox, once someone guess the word, chatbox is disabled for him and message is hidden. Once everybody guesses the word or the timer runs out, game moves to next round.

All members of the same room are also connected over voice calls implemented using agoda sdk.

Users can view the leaderboard in real time, change brush size, color, etc.

Tech Stack : Flutter - Dart, Node.js, MongoDB, Socket.io

Improvements Required: Improve screen drawing performance by drawing only parts that have changed. Better synhronisation - running timers and calculating scores on the server instead of the device.

Screenshots

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.