A responsive e-commerce web app for electronics and gadgets, built with React and Tailwind CSS.
| Home / Browse | Product Detail | Cart & Checkout |
|---|---|---|
 |
 |
 |
TechMart is a fully frontend e-commerce experience for electronics and gadgets. I built it to go deep on React fundamentals, component architecture, client-side routing, and global state without reaching for heavier tools like Redux.
Authentication and cart persistence are handled entirely in the browser via localStorage, keeping the project self-contained and easy to run locally with zero backend setup.
Live Demo: (https://electronics-tech-mart.netlify.app/)
- Browse and search products by category, price, and name
- Product detail page with color picker and quantity selector
- Slide-in cart with quantity controls and live total
- Register and login with form validation
- 3-step checkout — Shipping, Payment, Order Review
- Fully responsive on mobile, tablet, and desktop
- Toast notifications for user feedback
- React 18
- React Router v6
- Tailwind CSS
- Context API (Auth + Cart)
- react-hot-toast
git clone https://github.com/Inam8463/TechMart.git
cd TechMart
npm install
npm start
Opens at http://localhost:3000
Email: demo@techmart.com Password: demo123
- Managing global state with Context API without Redux
- Building protected routes with React Router
- Structuring a mid-size React project cleanly
- Responsive design patterns with Tailwind CSS
- Connect to a real backend (Node.js + MongoDB)
- Add wishlist feature
- Product reviews and ratings
- Payment gateway integration