Skip to content

README.md

Latest commit

 

History

History
85 lines (51 loc) · 1.59 KB

README.md

File metadata and controls

85 lines (51 loc) · 1.59 KB

Flappy Bird - React

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.

Screenshots

Screenshot (11)

Screenshot (16)

Features

  • Responsive design
  • Keyboard-based controls
  • Dynamic obstacles (pipes)
  • Real-time score tracking
  • Game over detection

Technologies Used

  • React.js
  • JavaScript
  • CSS (inline and module styling)

Getting Started

Follow these instructions to run the project locally.

Prerequisites

  • Node.js and npm installed

Installation

  1. Clone the repository:

    git clone https://github.com/sylesh7/Flappybird-react.git
cd Flappybird-react

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm start

  4. Open your browser and navigate to:

    http://localhost:3000

Gameplay Instructions

  • 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.

License

This project is open source and available under the MIT License.