My Project

This is a modern E-Commerce Website built using React, Vite, and Tailwind CSS.
The project showcases a product grid with dynamic filtering, color pickers, pagination, and cart functionality, providing a smooth shopping experience.

---

Part 1: Setup & Installation (Vite + Tailwind)

1. Clone the Repository

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

2. Install Dependencies

   npm install
   

3. Vite & Tailwind Setup I followed the official Tailwind documentation for Vite:

   https://tailwindcss.com/docs/installation/using-vite
   

4. Run Locally

   npm run dev
   

Part 2: Deploying on Vercel

1. Login / Sign Up

   Go to https://vercel.com/
   and log in using GitHub.

2. Import Repository

   • Click “New Project” → “Import Git Repository”
   • Select your project repository from GitHub
   • Vercel automatically detects it as a Vite project.

3. Configure Project Settings

   • Framework Preset: Vite (auto-detected)
   • Root Directory: . (root of repo)
   • Build Command: npm run build
   • Output Directory: dist (Vite default)

4. Deploy

   • Click Deploy
   • SVercel builds the project and provides a live URL,

   e.g., https://my-project.vercel.app.

5. Automatic Updates Every push to the main branch triggers an automatic rebuild and deployment.