GamingGear Pro

A sleek, modern web application for showcasing premium gaming equipment. Designed with performance and aesthetics in mind, this responsive UI is ideal for product listings, landing pages, or e-commerce templates.

live demo

🚀 Features

• ⌗ Toggle Between Grid View and List View
• 🌙 Light/Dark mode toggle
• 🖥 Responsive grid layout for showcasing products
• 🎯 Clean and modern UI using Tailwind CSS
• ⚡ Built with Vite for fast development
• 📦 Component-based architecture using React + Javascript

🛠 Tech Stack

• React
• JavaScript
• Tailwind CSS
• Fontawesome Icons
• Vite

📂 Project Structure

📁 gaming-gear-pro/
├── 📁 public/
│   ├── favicon.ico
│   ├── screenshot-light.png
│   └── screenshot-dark.png
├── 📁 src/
│   ├── 📁 assets/
│   ├── 📁 components/
│   │   └── Footer.jsx
│   │   └── Header.jsx
│   │   └── Main.jsx
│   │   └── ProductItem.jsx
│   │   └── ProductList.jsx
│   │   └── SocialMediaIcon.jsx
│   ├── 📁 constants/
│   │   └── products.js
│   ├── 📁 contexts/
│   │   └── ViewContext.jsx
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .gitignore
├── .prettierrc
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── README.md
└── vite.config.js

📦 Installation

# Clone the repository
git clone https://github.com/dugsiiyeinc/gaming-gear-pro.git
cd gaming-gear-pro

# Install dependencies
npm install

# Run the app
npm run dev