E-commerce Client 🛍️

This repository contains the modern e-commerce platform. The project aims to provide an interactive, responsive, and user-friendly shopping experience with seamless integration of various modern technologies.

---

🌟 Features

• Home Page with featured products and categories.
• Product Listing with filters and search functionality.w
• Product Details Page with reviews and ratings.
• User Authentication (Sign up, Login, Logout).
• Shopping Cart to manage selected items.
• Order Management and payment gateway integration.
• Responsive Design optimized for mobile and desktop.
• SEO Optimization for better search engine rankings.

---

🚀 Technologies Used

• Next.js – Framework for React with server-side rendering.
• TypeScript – Type-safe JavaScript for robust code.
• Tailwind CSS – Utility-first CSS framework for rapid UI development.
• Shadcn UI – For modern and accessible UI components.
• Supabase – Backend-as-a-service for database and authentication.
• Clerk Authentication – Authentication management.
• Prisma – ORM for seamless database management.
• Vercel – Deployment and hosting platform.

---

🛠️ Installation & Setup

Follow these steps to run the project locally:

Prerequisites

• Node.js installed
• Git installed
• Supabase account set up (if using your own backend)
• Clerk account for authentication

Clone the Repository

git clone https://github.com/abdulrehman104/Ecommerce-Client.git
cd Ecommerce-Client

Install Dependencies

npm install

Configure Environment Variables

Create a .env file at the root of the project with the following variables:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
CLERK_FRONTEND_API=your_clerk_frontend_api
NEXT_PUBLIC_GOOGLE_API_KEY=your_google_api_key

Run the Development Server

npm run dev

Open http://localhost:3000 in your browser to view the application.

---

📂 Project Structure

/public        – Static assets
/pages         – Next.js pages
/components   – Reusable React components
/styles       – Global and component-level CSS
/utils        – Utility functions

---

📝 Contributing

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature-name.
3. Make changes and commit: git commit -m "Add your message".
4. Push the changes: git push origin feature/your-feature-name.
5. Open a pull request.

---

📧 Contact

If you have any questions or feedback, feel free to reach out:
Abdul Rehman
GitHub Profile

---

🌐 Live Demo

You can explore the live version here: Live Demo Link