Break Out Game with Rx.js

🗣 It is a block breaking game implemented with Rx.js.

https://rxjs-break-out-game.netlify.app/

1. Preview

2. Start on Local

% git clone https://github.com/choekko/rxjs-break-out-game.git
% cd rxjs-break-out-game
% yarn install
% yarn start

3. How to Play

1. Press 'Start'
2. Move the bar left or right by pressing the arrow keys.
3. Bounce the ball to break the blocks

Each time the game starts, the positions of the blocks are regenerated.

4. Stack

React.js	Typescript	Rx.js	React-Rxjs	Emotion

5. Folder Structure

src/
ㄴ constants/    // Common Constants
ㄴ features/     // Main Features
  ㄴ display/    // Components for Displaying 
    ㄴ vacs/     // View Asset Components (tsx + style)
  ㄴ physics/    // Logics or Streams for Game Physics 
ㄴ pages/        // Page Components 
ㄴ styles/       // Files for Setting Emotion and Common Style
ㄴ types/        // Common Types
ㄴ utils/        // Common Utils