Snap Bazaar is a fully responsive, animated e-commerce web application built with React. It simulates a modern shopping experience with product browsing, cart management, balance deduction, and order confirmation — all wrapped in a polished user interface.
Snap Bazaar is designed to showcase beginner-to-intermediate front-end development skills with a focus on user experience polish. It features reusable components, dynamic state management using Context API, and delightful UI feedback through animations and modals.
This project was built as part of a portfolio to demonstrate real-world e-commerce logic, including inventory tracking, discount handling, and login-based order placement. It uses a local JSON file as the product database and includes thoughtful touches like tooltips, search filtering, and responsive design.
- React (with Context API)
- Bootstrap 5 (React-Bootstrap)
- React Router DOM
- React Icons
- Toastify (for notifications)
- Custom CSS Animations
- Local JSON for product data
Users can search products by name with instant filtering and a “No results found” message for premium UX polish.
Products can be added to cart with real-time stock deduction. Out-of-stock items are disabled and visually marked.
Users have a dollar balance that updates with pulse animation upon purchase. Orders are blocked if balance is insufficient.
To run Snap Bazaar locally you have to clone it :
git clone https://github.com/KINGALVI/Snap-Bazaar.git