Welcome to the Candy Crush Clone project! This web application recreates the popular Candy Crush game using TypeScript and React, offering an engaging puzzle experience.
- Interactive Gameplay: Match candies and crush them to score points.
- Dynamic Board: Randomly generated candy board with different colors.
- Level System: Multiple levels with increasing difficulty.
- Animations: Smooth animations for candy movements and crush effects.
- Score Tracking: Keep track of player scores and level progression.
- TypeScript: For type safety and enhanced development experience.
- React.js: For building the user interface and managing state.
- CSS3: For styling and responsive design.
Check out the live version of the Candy Crush Clone here (replace with your hosted link).
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/yourusername/candy-crush-clone.git cd candy-crush-clone -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production: To generate a production-ready build, run:
npm run build
Once the project is set up, open your browser and navigate to http://localhost:3000 to play the Candy Crush game.
- Add New Levels: Implement additional levels in the
src/levels/directory. - Modify Styles: Customize the visual appearance in the
src/styles/directory. - Game Logic Adjustments: Update game logic in the
src/components/directory.
📂 candy-crush-clone │ ├── 📂 public/ # Public assets and index.html ├── 📂 src/ # Source code for the app │ ├── 📂 components/ # React components for the game │ ├── 📂 styles/ # CSS styling files │ ├── 📂 levels/ # Level configurations │ └── index.tsx # Main entry point for React ├── .gitignore # Files to ignore in Git ├── package.json # Project dependencies and scripts └── README.md # Project README file
- React.js: Library for building the user interface.
- TypeScript: For type safety and improved developer experience.
- CSS3: For styling the application.
Contributions are welcome! If you'd like to contribute to this project:
- Fork the repository.
- Create a new branch (
git checkout -b feature-name). - Commit your changes (
git commit -m 'Add some feature'). - Push the branch (
git push origin feature-name). - Open a pull request and describe your changes!
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or want to connect, feel free to reach out!
- Email: [email protected]
- Portfolio: https://github.com/ShashiShekharDixit/3_d-Portfolio
- LinkedIn: https://www.linkedin.com/in/shashi-shekhar-dixit-266aa825a/
- Twitter: https://x.com/shash90591
- GitHub: https://github.com/ShashiShekharDixit
Happy Crushing! 🎉
Key Sections:
Features: Overview of the game's functionalities. Tech Stack: Technologies used in the project. Installation: Instructions for setting up and running the project. Usage: How to play the game. Project Structure: Clear organization of the codebase. Contributing: Guidelines for contributors. License and Contact information.