FitForge

FitForge is a modern e-commerce web application for fitness and lifestyle products. It features a stylish UI, product collections, categories, a persistent shopping cart, and a smooth user experience.

Features

• 🛒 Add, remove, and update items in the cart (with localStorage persistence)
• 🏷️ Browse collections and categories (Anime, Gaming, Men, Women, Unisex, Sale)
• ✨ Featured products section
• 🔍 Product details and filtering
• 📱 Responsive design for all devices
• 🌗 Modern, blended beige/black theme
• ⚡ Fast, smooth navigation with React Router
• 🧪 Built with React, TypeScript, and TanStack Query

Getting Started

Prerequisites

• Node.js (v16 or newer)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/fitforge.git
   cd fitforge

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:5173 in your browser.

Project Structure

Customization

• Theme: Edit src/index.css to adjust the beige/black palette and gradients.
• Products: Update product data in the relevant page/component files.
• Cart Logic: See src/components/CartContext.tsx for cart state management.

Scripts

• npm run dev — Start development server
• npm run build — Build for production
• npm run preview — Preview production build

License

This project is for educational and