https://github.com/indiecodermm/tappy-plane

Mobile-first game inspired by FlappyBird. Created using ReactJS and Leaderboard API
https://github.com/indiecodermm/tappy-plane

flappy-bird leaderboard react

Last synced: 8 days ago
JSON representation

Mobile-first game inspired by FlappyBird. Created using ReactJS and Leaderboard API

• Host: GitHub
• URL: https://github.com/indiecodermm/tappy-plane
• Owner: IndieCoderMM
• License: mit
• Created: 2023-01-22T12:00:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-29T06:37:30.000Z (almost 2 years ago)
• Last Synced: 2025-01-15T23:51:06.322Z (13 days ago)
• Topics: flappy-bird, leaderboard, react
• Language: JavaScript
• Homepage: https://tappy-plane.onrender.com
• Size: 786 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
- [🕹 Tappy Plane](#-tappy-plane)

  - [📱 Features](#-features)

  - [⚙ Built With](#-built-with)

  - [🚀 Getting Started](#-getting-started)

  - [🤝 Contribution](#-contribution)

  - [📧 Contact](#-contact)

  - [💖 Show Your Support](#-show-your-support)

  - [💎 Resources](#-resources)

  - [📜 License](#-license)

# 🕹 Tappy Plane

**Tappy Plane** is a mobile-first 2D game, inspired by the popular game [Flappy Bird](https://flappybird.io/). It includes a leaderboard to track highscores and compete with other players from all over the world.

## 📱 Features

- Mobile-first design for optimal gameplay experience on smartphones and tablets

- Real-time leaderboard that displays the highscore rankings of all players

## ⚙ Built With

- [ReactJS](https://reactjs.org/): JavaScript Library for building UI

- [React Router](https://reactrouter.com/en/main): Library for routing and handling navigation

- [Styled Component](https://styled-components.com/): Library for styling React components

- [Leaderboard API](https://www.notion.so/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3): Service for storing and updating scores in real-time

- [Render](https://render.com/): Hosting platform

## 🚀 Getting Started

1. Clone this repo: `git clone [email protected]:IndieCoderMM/tappy-plane.git`

2. Install dependencies: `npm install`

3. Start the development server: `npm start`

4. To deploy the game, run `npm run build` and deploy the `build` folder to your desired hosting platform.

## 🤝 Contribution

I welcome all contributions to my project. If you have an idea for a new feature or found a bug, feel free to open an issue or submit a pull request.

## 📧 Contact

I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.

[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/IndieCoderMM)

[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/hthant_oo)

[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/hthantoo)

[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

## 💖 Show Your Support

If you like this project, please consider giving a ⭐. Your support is greatly appreciated.

## 💎 Resources

- [Coding Flappy Bird from Scratch](https://youtu.be/QN_lFbUZodY)- Video tutorial

- [Tappy Plane](https://www.kenney.nl/assets/tappy-plane)- Game assets from Kenney

- [Flappy Bird](https://en.wikipedia.org/wiki/Flappy_Bird)- Original game that inspired this project

## 📜 License

This project is licensed under the [MIT License](LICENSE).