kidzoMart – A Kids Toy Store Platform

Project Name

kidzoMart – A modern e-commerce platform for kids’ toys, focusing on top-rated and best-selling products.

Purpose

The purpose of this project is to provide a responsive and user-friendly web application where users can:

• view toys.
• Check product details including ratings, availability, and price.
• Access a personalized dashboard with authentication.
• Quickly access top-rated and best-selling products.

This project is built for educational purposes and as a demonstration of integrating React, Firebase Authentication, and interactive UI/UX using modern libraries.

Live URL

[https://toy-topia-01.netlify.app/]

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: Displayed in a dynamic card layout.
• Product Details Page: Detailed view of each toy including ratings, quantity, and price.
• Forget Password Functionality: Users can reset their passwords via email.
• Animated UI: Scroll animations using AOS (Animate On Scroll) for engaging user experience.
• Toast Notifications: Success and error feedback using react-toastify.
• Dynamic Data Fetching: Load product data from local JSON files or API.

NPM Packages Used

• react – Frontend library
• react-router-dom – Routing
• react-icons – Icons (e.g., stars, user avatar)
• react-toastify – Toast notifications
• firebase – Authentication & database
• aos – Animate On Scroll for UI animations
• tailwindcss – Styling
• daisyui – Component library built on Tailwind CSS