Flappy Bird Game

A modern implementation of the classic Flappy Bird game using JavaScript, Webpack, and Tailwind CSS.

🎮 Features

• Classic Flappy Bird gameplay
• Responsive controls (mouse click and spacebar)
• Score tracking
• Game over screen with restart option
• Modern UI with Tailwind CSS
• Smooth animations
• Collision detection

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher)

Installation

1. Clone the repository:

git clone https://github.com/RabbiIslamRony/floppy-bird-game-web
cd flappy-bird-game

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Open your browser and navigate to http://localhost:9000

Building for Production

To create a production build:

npm run build

The built files will be in the dist directory.

🎯 How to Play

• Click the mouse or press the spacebar to make the bird flap
• Avoid hitting the pipes and the ground
• Try to get through as many pipes as possible
• Your score increases each time you successfully pass through a pipe

🛠️ Project Structure

flappy-bird-game/
├── src/
│   ├── assets/
│   │   └── images/          # Game assets
│   ├── js/
│   │   ├── components/      # Game components
│   │   ├── constants/       # Game constants
│   │   ├── utils/          # Utility functions
│   │   └── Game.js         # Main game logic
│   ├── index.html          # Main HTML file
│   ├── index.js            # Entry point
│   └── styles.css          # Global styles
├── webpack.config.js       # Webpack configuration
├── tailwind.config.js      # Tailwind CSS configuration
└── package.json           # Project dependencies

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Development Guidelines

• Follow the existing code style
• Add comments for complex logic
• Update documentation as needed
• Write meaningful commit messages
• Test your changes thoroughly

🐛 Bug Reports

If you discover any bugs, please create an issue in the GitHub repository.

📝 License

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

🙏 Acknowledgments

• Original Flappy Bird game by Dong Nguyen
• Webpack for bundling
• Tailwind CSS for styling
• All contributors who have helped improve this project

📫 Contact

Rabbi Islam Rony - @rabbiislamrony

Project Link: https://github.com/RabbiIslamRony/floppy-bird-game-web