A premium frontend-only showcase website for a PC Parts E-Commerce Store
- 🎨 Premium Dark Theme - Sleek black/dark gray design with blue accents
- 📱 Fully Responsive - Optimized for desktop, tablet, and mobile devices
- ⚡ Modern UI/UX - Smooth hover effects, animations, and professional typography
- 🛒 Interactive Cart - Add/remove items with localStorage persistence
- 🔍 Product Filtering - Filter by category on products page
- 🔔 Toast Notifications - User feedback on actions
| Page | Description |
|---|---|
index.html |
Home page with hero section, featured categories, and products |
products.html |
Complete product catalog with category filtering |
product.html |
Detailed product view with specifications |
about.html |
Store concept and company information |
- HTML5 - Semantic, accessible markup
- CSS3 - Modern layouts with Flexbox and Grid
- Vanilla JavaScript - Interactive functionality without frameworks
- No Backend - Pure frontend demonstration
pc-parts-store-premium-demo/
├── index.html # Home page
├── products.html # Products catalog
├── product.html # Product details
├── about.html # About page
├── css/
│ └── style.css # Main stylesheet
├── js/
│ └── main.js # JavaScript functionality
├── assets/
│ └── images/ # Product and UI images
└── README.md
- Clone the repository
git clone https://github.com/mohammad-emad9/PC-Parts-Store-Premium-Demo.git- Navigate to the project
cd PC-Parts-Store-Premium-Demo- Open in browser
# Windows
start index.html
# macOS
open index.html
# Linux
xdg-open index.htmlOr use a live server extension in VS Code for the best experience.
| Browser | Support |
|---|---|
| Chrome | ✅ |
| Firefox | ✅ |
| Safari | ✅ |
| Edge | ✅ |
| Device | Width |
|---|---|
| Mobile | < 768px |
| Tablet | 768px - 1024px |
| Desktop | > 1024px |
- ✅ Portfolio demonstration
- ✅ Client presentation
- ✅ UI/UX concept showcase
- ✅ Frontend development template
This project is open source and available for personal and commercial use.
Built with ❤️ for PC enthusiasts