Skip to content

Latest commit

 

History

History
75 lines (49 loc) · 2.28 KB

File metadata and controls

75 lines (49 loc) · 2.28 KB

🧸 kidzoMart – A Kids Toy Store Platform

kidzoMart is a modern e-commerce platform for kids’ toys, focusing on top-rated and best-selling products. This project demonstrates building a responsive and interactive web application using React, Firebase Authentication, and modern UI/UX libraries.


🌐 Live Website

🔗 (https://kidzomart.netlify.app/)


🎯 Purpose

This project aims to provide a user-friendly web application where users can:

  • Browse and view toys
  • Check product details (ratings, availability, price)
  • Access a personalized dashboard with authentication
  • Quickly explore top-rated and best-selling products

Built for educational purposes and as a demonstration of integrating React, Firebase, and interactive UI/UX.


✨ Key Features

  • 👤 Authentication: Email/password login, Google login, and protected routes
  • 📱 Responsive Design: Works seamlessly on mobile, tablet, and desktop
  • Top-Rated & Best-Selling Products: Dynamic card layout display
  • 📝 Product Details Page: Detailed view of each toy (ratings, quantity, price)
  • 🔑 Forget Password Functionality: Reset passwords via email
  • 🎨 Animated UI: Scroll animations with AOS (Animate On Scroll)
  • 🔔 Toast Notifications: Success and error feedback using react-toastify
  • 🔄 Dynamic Data Fetching: Load product data from local JSON files or API

🛠️ Technologies Used

  • Frontend: React, React Router, Tailwind CSS, DaisyUI, AOS, React Toastify
  • Authentication & Database: Firebase Authentication

📦 NPM Packages Used

  • react, react-router, react-icons, react-toastify, firebase, aos, tailwindcss, daisyui

🖼️ Screenshots


💾 Installation & Run Locally

# Clone the repository
git clone https://github.com/TawhidulIslamRefat/kidzoMart.git
cd kidzoMart

# Install dependencies
npm install

# Start development server
npm start