Key Features
- • Full shopping cart functionality with quantity control and total calculation
- • Add/remove favorite products, saved between sessions
- • Browse by category: Phones, Tablets, and Accessories
- • Product sorting by newest, alphabetically, or cheapest
- • Product details page with available color & capacity selectors
- • Image sliders for both homepage and product view
- • Persistent state via localStorage (cart + favorites)
- • Smooth navigation, sticky header, and dynamic breadcrumbs
- • Graceful error handling for missing data and broken routes
- • Hover animations and image scaling for visual engagement
Design Reference
This project is based on one of the provided UI kits 👉 Figma design
Tools Used
HTML
CSS
JavaScript
React with TypeScript
React Router DOM for routing
React Context API for global state (cart & favorites)
SCSS Modules for component-scoped styling
Auto-deploy enabled
Prettier, ESLint, and Husky for clean code and auto formatting
localStorage for persisting cart and favorites