Skip to content

mohammad-emad9/PC-Parts-Store-Premium-Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PC Parts Store Premium Demo

TechForge Banner

A premium frontend-only showcase website for a PC Parts E-Commerce Store

HTML5 CSS3 JavaScript

Live DemoFeaturesScreenshotsGetting Started


📸 Screenshots

Home Page

Home Page

Products Page

Products Page

About Page

About Page


✨ Features

  • 🎨 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

📄 Pages

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

🛠 Tech Stack

  • HTML5 - Semantic, accessible markup
  • CSS3 - Modern layouts with Flexbox and Grid
  • Vanilla JavaScript - Interactive functionality without frameworks
  • No Backend - Pure frontend demonstration

📂 Project Structure

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

🚀 Getting Started

  1. Clone the repository
git clone https://github.com/mohammad-emad9/PC-Parts-Store-Premium-Demo.git
  1. Navigate to the project
cd PC-Parts-Store-Premium-Demo
  1. Open in browser
# Windows
start index.html

# macOS
open index.html

# Linux
xdg-open index.html

Or use a live server extension in VS Code for the best experience.


💻 Browser Support

Browser Support
Chrome
Firefox
Safari
Edge

📱 Responsive Breakpoints

Device Width
Mobile < 768px
Tablet 768px - 1024px
Desktop > 1024px

🎯 Use Cases

  • ✅ Portfolio demonstration
  • ✅ Client presentation
  • ✅ UI/UX concept showcase
  • ✅ Frontend development template

📝 License

This project is open source and available for personal and commercial use.


Built with ❤️ for PC enthusiasts

About

A premium frontend-only showcase website for a PC Parts E-Commerce Store. This project demonstrates a modern, professional design suitable for portfolio presentations and client demonstrations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors