Skip to content

sylesh7/Flappybird-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


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.


About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •