https://github.com/youssefwaheedd/circus-of-plates-web-game

🎪 CircusOfPlates is a fun web game where you control a 🤡 catching falling shapes. Match three consecutive shapes of the same color to score points 🎯. Built with React.js, the game offers responsive controls, increasing difficulty 📈, and is playable on both desktop 🖥️ and mobile 📱 browsers.
https://github.com/youssefwaheedd/circus-of-plates-web-game

reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

🎪 CircusOfPlates is a fun web game where you control a 🤡 catching falling shapes. Match three consecutive shapes of the same color to score points 🎯. Built with React.js, the game offers responsive controls, increasing difficulty 📈, and is playable on both desktop 🖥️ and mobile 📱 browsers.

• Host: GitHub
• URL: https://github.com/youssefwaheedd/circus-of-plates-web-game
• Owner: youssefwaheedd
• Created: 2024-07-27T16:13:44.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-08-14T20:52:56.000Z (4 months ago)
• Last Synced: 2024-08-14T22:43:24.706Z (4 months ago)
• Topics: reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://circus-of-plates-web-game.vercel.app
• Size: 1.64 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 Circus Of Plates Web Game

**CircusOfPlates** -  🎮 A fun and challenging web game where you control a clown trying to catch falling shapes and increase your score by catching three consecutive shapes of the same color!

## 📝 Overview

CircusOfPlates is an exciting web game where players control a clown that catches falling shapes. The goal is to catch three consecutive shapes of the same color to increase your score. Built using React.js, this game offers an engaging and responsive gameplay experience, suitable for players of all ages.

## ✨ Features

* 🎨 Color Matching: Catch three consecutive shapes of the same color to score points.

* 🕹️ Interactive Gameplay: Responsive controls for an engaging user experience.

* 🚀 Progressive Difficulty: Shapes fall faster as you advance, increasing the challenge.

* 🌍 Cross-Platform: Playable on desktop and mobile browsers.

## 🛠️ Tech Stack

* 🖥️ Framework: React.js

* 🎨 Styling: Tailwind CSS

* 💾 State Management: React hooks for efficient game state management.

* 🎮 Game Logic: JavaScript for implementing the core game mechanics.

* 🌐 Deployment: Deployed on Vercel for fast and reliable hosting.

## 🚀 Getting Started

### 📋 Prerequisites

* 📦 Node.js (v12.x or later)

* 📦 npm or yarn

### ⚙️ Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/youssefwaheedd/circus-of-plates-web-game.git

2. Navigate to the project directory:

   ```bash

   cd my-react-game

3. Install dependencies:

   ```bash

   npm install

   # or

   yarn install****

   

### Running the Project

To start the development server:

   ```bash

   npm run dev

   # or

   yarn dev

```

Open http://localhost:3000 with your browser to see the app in action.

### Deployment

The project is ready for deployment on Vercel or other hosting services that support Next.js. For a production build:

   ```bash

   npm run build

   npm run start

   # or

   yarn build

   yarn start

```

### Contributing

Contributions are welcome! Please fork this repository and submit a pull request with your improvements or bug fixes.

### Contact

For any questions or suggestions, feel free to reach out:

- **Email:** [[email protected]](mailto:[email protected])

- **LinkedIn:** [Youssef Waheed](https://linkedin.com/in/youssefwaheed)