Phone Store
React-based E-commerce solution
The challenge
Phone Store is a React-based E-commerce solution that allows users to browse and purchase mobile phones online. The application features a user-friendly interface, real-time product updates, and a secure checkout process.
Please note that this is a demo app, created to showcase how I approach certain task
💡 Key Architecture Concepts
🛒 Cart State is managed via CartContext using React Context API.
🛒 State is persisted in localStorage, so the cart remains intact on refresh.
🛒 Quantity per item is tracked and adjustable via increment/decrement controls.
🛒 Items are uniquely identified using their id + selected options.
🔌 Offline Support: If the API is unavailable, the app uses local JSON and image assets.
🔌 Easy to toggle or simulate offline mode for testing.
🖼️ Images from API are downloaded and processed to ensure consistency
🎨 CSS Modules used for adding incapsulation per component.
The tech stack
- HTML5
- CSS Modules
- JavaScript
- TypeScript
- React
- Next.js (App Router)
- Node.js
- Sharp (image processing)
- React Context API
- Responsive Design
- Custom Image Optimization
- Fallback API with local JSON