E-commerce Application

This is a full-featured e-commerce application built using Next.js and Tailwind CSS, with a design inspired by Figma layouts. The application supports various roles like users, sellers, and admins, and provides a seamless shopping experience with Redux Persist for state management and Clerk for authentication.

Features

• User Roles: User, Seller, Admin
• Authentication: Implemented with Clerk for secure login
• Persistent Cart State: Redux Persist ensures cart data remains intact on page reload
• Role-based Functionalities:
  • User: Can browse products, add items to cart, and make purchases
  • Seller: Can add new products, view sales data, and manage product listings
  • Admin: Has complete control over the platform, including monitoring products and user activities

Installation

To get started, clone the repository and install the dependencies.

Clone the repository

git clone https://github.com/Abdev1205/interacts-ai-ecommerce

Install dependencies

npm install

Usage

Run the Application

npm run dev

Visit http://localhost:3000 in your browser to view the app.

Features

User Roles & Permissions

• User: Can add products to cart, view the cart, and proceed to checkout.
• Seller: Can add new products, view their own products, and check basic sales statistics (future).
• Admin: Has the ability to monitor products, users, orders, and manage the platform (future).

Persistent Cart State

Cart operations and state are managed through Redux Persist, ensuring that cart data is saved even after a page refresh or reopening the app.

Authentication

User authentication and role management are powered by Clerk.

Demo

Live Website

https://interacts-ai-ecommerce.vercel.app/

Screenshot

Home Page

Cart Page

Wish List page

About Page

Login Page with three Roles

Contact Page