Skip to content

Nabeelshar/Retro-Brick-Game

Repository files navigation

Use React and Redux to make classic cube games


This project is inspired by the React version of [Tetris] (https://github.com/chvin/react-tetris). This project is completely refactored with React functional components, using Hook to simulate the life cycle, and the state is scheduled with redux

Poke: https://nabeelshar.github.io/Retro-Brick-Game/ Play it!


Effect preview

Effect Preview

Recording at normal speed, the experience is smooth.

Tank Battle

tank

Racing Games

racing

shooting game

shooting

Snake

snake

Marble Game

breakout

Responsive

Responsive

Not only refers to the adaptive screen, but responsive operation using the keyboard on the PC and using the fingers on the mobile phone:

Mobile phone

Redux state preview (Redux DevTools extension)

Redux Status Preview

Redux design manages all the state that should be stored.


development

Install

npm install

run

npm start

Browse automatically open http://127.0.0.1:3000/

Package compilation

npm run build

The result is generated under the build folder.