/flappybird

Flappy Bird Game in React.

Primary LanguageJavaScript

Flappy Bird Clone in React

image

This project is a simple clone of the popular game Flappy Bird, implemented using React. It was created for educational purposes to understand the fundamentals behind building a game like Flappy Bird using React.

How to Play

  • To start the game, simply click or tap anywhere on the screen.
  • Control the bird by clicking or tapping to flap its wings, helping it avoid the pipes.
  • Each successful pass through a pair of pipes earns you one point.
  • Colliding with the ground or a pipe ends the game.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • HTML5 Canvas: Used for rendering the game graphics and handling game logic.
  • CSS: Styling the game components.

Installation

  1. Clone the repository:
    git clone https://github.com/your_username/flappy-bird-react.git
    
  2. Navigate to the project directory:
    cd flappy-bird-react
    
  3. Install dependencies:
    npm install
    

How to Run

  1. Start the development server:
    npm start
    
  2. Open your browser and go to http://localhost:3000 to play the game.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

  • Special thanks to Dong Nguyen for creating the original Flappy Bird game.
  • Thanks to React and its community for providing valuable resources and documentation.
  • Inspiration and guidance from various online tutorials and resources on game development with React.