Everyone knows the Tetris Game and everyone knows Javascript, it only remains to build a Tetris in Javascript. Yes, but ...
Tetris.io is multiplayer and online. It allows you to disturb intergalactic parties during your long coding nights (There are still some WIFI issues on some planets).
Tetris.io uses the latest technologies in Javascript which are at the heart of a great intellectual, industrial and financial battle between Facebook and Google whose challenge is to be the master of the world.
Tetris.io will has required a lot of brain juice to design the architecture, specify an asynchronous network protocol, implement infunctional programming, create an algorithm of pieces’ animation and display everything graphically in HTML! Good game, good code ...
ignore docker-compose.yml file
cd src/client
npm run dev-server
cd src/server
npm run dev
- REACT
- react
- react-scripts
- react-dom
- react-router-dom
- BABEL
- babel-core
- babel-loader
- babel-preset-env
- babel-preset-react
- WEBPACK
- webpack
- webpack-dev-server
- Socket.io + Hooks https://levelup.gitconnected.com/handling-socketio-rooms-with-react-hooks-4723dd44692e
- https://dev.to/aduranil/how-to-use-websockets-with-redux-a-step-by-step-guide-to-writing-understanding-connecting-socket-middleware-to-your-project-km3
- SOCKET.IO Cheatsheet: https://socket.io/docs/emit-cheatsheet/
- React / Redux / Sockets : New player connected: cw_ypQb2_Y9KMZ5QAACJ
- Tetris css grid