Skip to content

AbrarulRhythm/assignment-09

Repository files navigation

ASSIGNMENT-009 (ToyTopia – A Local Kids Toy Store Platform)


Image

🚀 Project Features

  • User Login & Registration system using Firebase Authentication.
  • Password Reset (Forgot Password) option for users.
  • Password Visibility Toggle feature (Show/Hide password in input field).
  • Update Profile Logged-in user can update their name and photo URL from the My Profile page.
  • Firebase Authentication State maintained for persistent login.

🧭 Routing & Navigation

  • React Router used for client-side navigation.

🌐 Public Routes:

  • Home Page – Includes hero section, toy slider, blog section and who we are section.
  • Popular Toys section – Displays toys with a “View More” button.
  • About Page – Information about the site or company.
  • Blog Section – Includes blog articles or FAQs.

🔒 Private Routes:

  • My Profile – User specific data and profile settings.
  • Wishlist – User can view or manage favorite toys.
  • Toy Details Page – Accessible only after login.

🔁 Redirect to Login:

  • When a non-logged-in user tries to access a private route (e.g., toy details), they are redirected to the login page.

🧸 Toy Features

  • Popular Toys Section showing toy cards with details and “View More” buttons.
  • Toy Details Page showing full details of a selected toy (private route).
  • Wishlist System for saving favorite toys (for logged-in users).

Technologies and packages used

  • React – For building the user interface.
  • Vite – For fast development and build tooling.
  • npm – For managing packages and dependencies.
  • Tailwind CSS – For utility-first styling.
  • Firebase – Backend services for apps (auth, database, storage).
  • DaisyUI – For ready-to-use UI components.
  • React Router– For client-side routing.
  • React Icons – For including icons in the UI.
  • React Toastify – For showing notifications.
  • React SweetAlert2 – For displaying beautiful and customizable alert dialogs.
  • Swiper.js – For creating modern, touch-friendly sliders and carousels.

Fonts: Free Google Font used

Photo & Video Credits


Note: This item is React Template, It’s not a WordPress Theme.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors