🧸 KidVenture

✨ A Local Kids Toy Store Platform

KidVenture brings the magic of our local toy store directly to you, making it easy to discover and shop our curated collection of fun, educational, and imaginative toys. Our purpose is to help parents quickly find the perfect toys that spark joy and adventure, delivered right to your door. We're your trusted partner in creating unforgettable childhood memories through the power of play.

🚀 Features

🌐 Core Browsing

1. Product Catalog: Browse a wide variety of kids' toys.

2. Product Details: View individual product pages with images, prices, and detailed descriptions.

🔐 User Account

1. User Authentication: Create a personal account or log in to access features.

2. User Profile: Manage your personal information.

🧩 Additional Features

1. Responsive Design: The app is designed to work well on both mobile devices and desktop computers.

2. Clean & User-Friendly Interface: Simple navigation and a visually appealing layout focused on the products.

⚙️ Tech Stack

Client: HTML5, React, React Router, Tailwind CSS

Server: Firebase Auth

Packages: Swiper, React Fast Marquee, React Icons, React Toastify

📦 Environment Variables

To run this project, you will need to add the following firebase auth environment variables to your .env file

VITE_FIREBASE_API_KEY

VITE_FIREBASE_AUTH_DOMAIN

VITE_FIREBASE_PROJECT_ID

VITE_FIREBASE_STORAGE_BUCKET

VITE_FIREBASE_MESSAGING_SENDER_ID

VITE_FIREBASE_APP_ID

🖥️ Run Locally

Clone the project

  git clone https://github.com/programmerrakibul/kid-venture.git

Go to the project directory

  cd kid-venture

Install dependencies

  npm install

Start the server

  npm run dev

📦 Dependencies

"dependencies": {
    "@tailwindcss/vite": "^4.1.15",
    "daisyui": "^5.3.7",
    "firebase": "^12.4.0",
    "react": "^19.1.1",
    "react-dom": "^19.1.1",
    "react-fast-marquee": "^1.6.5",
    "react-icons": "^5.5.0",
    "react-router": "^7.9.4",
    "react-spinners": "^0.17.0",
    "react-toastify": "^11.0.5",
    "swiper": "^12.0.3",
    "tailwindcss": "^4.1.15"
  },
  "devDependencies": {
    "@eslint/js": "^9.36.0",
    "@types/react": "^19.1.16",
    "@types/react-dom": "^19.1.9",
    "@vitejs/plugin-react": "^5.0.4",
    "eslint": "^9.36.0",
    "eslint-plugin-react-hooks": "^5.2.0",
    "eslint-plugin-react-refresh": "^0.4.22",
    "globals": "^16.4.0",
    "vite": "^7.1.7"
  }

🔗 Project Link

🧸 KidVenture