https://github.com/lokeshahire/kidgame

https://github.com/lokeshahire/kidgame

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/lokeshahire/kidgame
• Owner: lokeshahire
• Created: 2024-12-22T11:43:35.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-12-22T12:36:48.000Z (6 months ago)
• Last Synced: 2024-12-22T13:25:27.885Z (6 months ago)
• Language: JavaScript
• Size: 525 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fun Learning Game

## Screenshots

![ Screenshot](https://github.com/user-attachments/assets/043aa71e-f231-4f3b-9b76-4f9a73584167)

## Live Demo

You can try the live demo here: [Demo](https://kid-game-lokesh.vercel.app)

---

## Features

- Drag-and-drop matching game for kids.

- Animations and sound effects for fun interaction.

- Responsive design for all devices.

## **Technologies Used**

- **React.js**: Frontend library for building the UI components.

- **CSS3**: For layout and styling.

- **JavaScript (ES6+)**: Core functionality.

- **Vercel**: Hosting platform.

---

## **Installation Procedure**

To run the project locally:

1. Clone the repository:

   ```bash

   git clone 

   ```

2. Navigate to the project directory:

   ```bash

   cd data-dashboard

   ```

3. Install the dependencies:

   ```bash

   npm install

   ```

4. Start the development server:

   ```bash

   npm start

   ```

5. Open your browser and go to:

   ```

   http://localhost:3000

   ```

---

## **Project Structure**

```plaintext

src/

├── components/

│   ├── CompletionScreen.jsx

│   ├── GameScreen.jsx

│   ├── LandingScreen.jsx

│   ├── Outline.jsx

│   ├── ShapeCard.jsx

├── animations/

│   └── bounce.js

|   └── confetti.js

├── assets/images

├── App.js

├── index.js

└── styles/

    └── App.css

```