Skip to content

This assignment was completed as part of my Web Development course by Programming Hero. It focuses on building strong foundational skills in React.js, including the use of React Router, and serves as the final assignment dedicated to learning core React.js concepts in depth.

Notifications You must be signed in to change notification settings

CoderTahmid/PH-Assignment-8

Repository files navigation

Gadget Heaven

Welcome to Gadget Heaven – your one-stop shop for exploring the latest gadgets, comparing features, and managing your wishlist and cart with ease!

🚀 Live Site

Check out the live website here:
https://stellular-piroshki-075121.netlify.app/


Download Project Documentation (PDF)


⚛️ React Fundamental Concepts Used

  • Components: Reusable UI building blocks for each section and feature.
  • Props & State: Passing data and managing dynamic content across components.
  • Hooks: Using useState, useEffect, and useParams for state, lifecycle, and routing.
  • React Router: Implementing client-side routing for seamless navigation.
  • Context API via Outlet: Sharing global state (cart, wishlist, navbar color) across nested routes.

🌟 Top 5 Features

  1. Product Browsing: Explore gadgets by category (Laptops, Phones, Drones, etc.).
  2. Product Details: View detailed information, specifications, and ratings for each product.
  3. Cart & Wishlist Management: Add, remove, and sort items in your cart and wishlist.
  4. Statistics Page: Visualize gadget statistics and insights.
  5. Error Handling: Custom error page for invalid routes and robust user feedback with toasts.

About

This assignment was completed as part of my Web Development course by Programming Hero. It focuses on building strong foundational skills in React.js, including the use of React Router, and serves as the final assignment dedicated to learning core React.js concepts in depth.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published