Shopi

Shopi is a responsive e-commerce web application built with React, Tailwind CSS, and Clerk for authentication. It features a sleek UI, a dynamic shopping cart, and toast notifications for user actions. Designed for seamless user experience and efficient shopping.

Live Demo

Check out the live demo of the project here.

Features

• User Authentication with Clerk
• Product Listing with detailed views
• Dynamic Shopping Cart
• Toast Notifications for user actions
• Responsive Design with Tailwind CSS

Technologies Used

• React
• Tailwind CSS
• Clerk for authentication
• Axios for API requests
• React Router for navigation
• React Toastify for notifications
• Heroicons for icons

Dependencies

• @clerk/clerk-react: ^5.3.1
• @heroicons/react: ^2.1.5
• axios: ^1.7.3
• react: ^18.3.1
• react-dom: ^18.3.1
• react-router-dom: ^6.26.0
• react-toastify: ^10.0.5

Installation

1. Clone the repository:

   git clone https://github.com/superuser-vishal/Shopi.git
   cd Shopi

2. Install dependencies:

   npm install

3. Create a .env file and add your Clerk API keys.

4. Run the application:

   npm start

Usage

• Browse products on the homepage.
• Click on a product to view details.
• Add products to the cart.
• View and manage your cart.
• Checkout to place an order.

Author

• Vishal Kumar
  • Email: [email protected]
  • LinkedIn: Vishal Kumar
  • GitHub: superuser-vishal