/MAZE-GAME

Primary LanguageJavaScript

Maze Game using React.js

This project is a maze game built using React.js. It utilizes a backtracking algorithm to generate the maze and depth-first search (DFS) algorithm to find the end of the maze. Additionally, it leverages useState and useEffect hooks for managing state and side effects respectively, and incorporates Tailwind CSS for styling.

Table of Contents

  1. Installation
  2. Live Demo
  3. Usage
  4. Features
  5. Technologies Used
  6. Contributing

Installation

To get started with the project, follow these steps:

  1. Clone the repository:

    git clone <repository-url>

  2. Navigate to the project directory:

    cd MAZE-GAME

  3. Install dependencies:

    npm install

Live Demo

Check out the live demo of the Chat App here!

Usage

After installation, you can start the development server:

npm run dev

This will launch the application in your default web browser. You can then interact with the maze game.

Features

  • Maze Generation: The maze is generated using a backtracking algorithm, ensuring that each maze has a solution.
  • DFS Algorithm: The depth-first search algorithm is employed to find the end of the maze efficiently.
  • Responsive Design: The game interface is designed to be responsive across various devices.
  • State Management with useState: React's useState hook is used for managing component state.
  • Effect Handling with useEffect: React's useEffect hook is utilized for handling side effects, such as updating the UI when state changes.
  • Styled with Tailwind CSS: Tailwind CSS is used for styling the components, providing a clean and modern look to the game.

Technologies Used

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.