Product Showcase Website Used AI
This is a responsive Product Showcase Website built using React, Vite, and Bootstrap. It displays a collection of products with their images, names, prices, and categories. Users can filter products and mark favorites, with a clean and mobile-friendly UI.
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Users can now search products by name in real-time.
Combined with category filter and sorting — full product filtering experience!
Used .includes() + .toLowerCase() for case-insensitive results.
Now users can toggle to view only their liked products.
Integrated with category filter, search & sorting.
Used array includes() to filter by IDs!
Favorites Feature & Dark Mode Toggle Done!
Now users can mark products as favorite using a heart button.
Toggled favorites are tracked in state and icon changes dynamically.
Added a Light/Dark mode toggle using React state and Bootstrap classes.
Now users can switch themes instantly!
Added a filter system to view products by category using React state and dynamic buttons.
✅ Created a reusable component
✅ Used Set to get unique categories
Next: Add Favorite (❤️) functionality to products!
Today I started my Product Showcase Website using React & Bootstrap.
✅ Project structure created
✅ Navbar completed using Bootstrap
💡 Learned how to use Bootstrap with Vite
Next up: Create Product Cards and layout the grid!
