Color Cascade is an exhilarating browser-based game where players must quickly match and clear colorful blocks before time runs out! With multiple time modes, players are challenged to achieve the highest score possible within the set time limit. Get ready for a colorful challenge!
- Start the Game: Choose your time limit (30s, 45s, 60s, or 90s) and click "Start Game."
- Match Colors: Click on groups of two or more adjacent blocks of the same color to remove them. (Single blocks can be clicked too!)
- Score Points: The more blocks you clear at once, the higher your score will be!
- Beat the Clock: Keep clearing blocks and rack up points before the time runs out!
- Multiple Time Modes: Choose between 30s, 45s, 60s, or 90s.
- Responsive Design: Play seamlessly on both desktop and mobile devices.
- Engaging User Interface: A colorful and dynamic gaming experience.
- Real-Time Score Tracking: Monitor your score as you play.
- Leaderboards: Compete for the top spot in each time mode.
- User Authentication: Personalized experiences coming soon! (Stay tuned!)
- React
- TypeScript
- Vite
- Tailwind CSS
- Firebase (Authentication and Firestore)
To set up the project locally:
- Clone the repository:
git clone https://github.com/yourusern/color-cascade.git - Navigate to the project directory:
cd color-cascade - Install dependencies:
npm install - Start the development server:
npm run dev - Open
http://localhost:5173in your browser to view the game.
In upcoming updates, we plan to implement a user login and signup system for personalized game pages. Additionally, we aim to introduce more features that will enhance the user experience. An overall leaderboard feature will also be added to allow users to track their performance and compare scores with others.