Giter Site home page Giter Site logo

michael-uzan / draw-guess Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 1.0 4.97 MB

This E2E Full-Stack project is a draw and guess mobile game. Draw on canvas.Full WebSockets between you and your freind to have full online sync of the game Invite your friend to play via Link.. State management with Store - Redux-Thunk. TypeScript (models and Interfaces). Ajax / API calls (Async methodes) with Axios

Home Page: https://monday-draw-guess-exam.herokuapp.com/#/

HTML 4.76% TypeScript 65.52% SCSS 9.07% JavaScript 20.65%
react hooks react-hooks websocket socket-io typescript mongodb nodejs atlas redux redux-thunk scss axios websockets-server websockets-client canvas canvas-game

draw-guess's Introduction

"Draw and Guess" Mobile Game - Full-Stack Project

Link to Draw & Guess

This E2E Full-Stack project is a draw and guess mobile game.

Features:

  • Draw on canvas.
  • Full WebSockets between you and your freind to have full online sync of the game.
  • Full statictics on last games and best players.
  • Each game has a stopper to guess the correct word.
  • Invite your friend to play via Link.
  • Play and earn points, who will win?.

Technologies:

  • React Hooks Framework
  • TypeScript (models and Interfaces)
  • State management with Store - Redux-Thunk
  • WebSocket API
  • Ajax / API calls (Async methodes) with Axios
  • Server Side with Node.js, and user Auth
  • DataBase on Atlas MongoDB
  • Nested Routing
  • Responsive Scss

Languages and Tools:

typescript git heroku html5 javascript mongodb nodejs react redux sass

draw-guess's People

Contributors

michael-uzan avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

knightli

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.