This project is a simple clone of the classic Flappy Bird game built using React.js. It demonstrates the use of React state, component lifecycle, and key event handling to recreate the core gameplay mechanics of Flappy Bird.
- Responsive design
- Keyboard-based controls
- Dynamic obstacles (pipes)
- Real-time score tracking
- Game over detection
- React.js
- JavaScript
- CSS (inline and module styling)
Follow these instructions to run the project locally.
- Node.js and npm installed
-
Clone the repository:
git clone https://github.com/sylesh7/Flappybird-react.git cd Flappybird-react -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to:
http://localhost:3000
- Avoid hitting the top, bottom, or the pipes.
- The score increases and you will recieve coins for each time you pass through a pair of pipes .
- The game ends when the bird collides with an obstacle.
This project is open source and available under the MIT License.

