Loomra is a robust multi-vendor e-commerce platform designed to deliver a seamless and user-friendly shopping experience. It allows customers to explore, compare, and purchase products from various vendors while providing a responsive and intuitive interface. With advanced features like role-based dashboards, secure payments, and a comprehensive cart system, Loomra stands out as a versatile platform for both buyers and sellers.

Key Features

User Roles:
Role-based access for Admin, Vendor, and Customer.
Authentication and Authorization:
Secure login and access control for all user roles.
Secure Payment:
Integrated AmarPay payment gateway for safe transactions.
Coupon System:
Customers can apply coupons to receive discounts.
Personalized Product Recommendations:
View products from followed shops.
Search, Filter, and Sorting:
Easily find desired products.
Follow Shops:
Follow favorite shops for updates.
Product Comparison:
Compare up to three products simultaneously.
Recently Viewed Products:
View previously browsed items.
Cart System:
Add, manage, and purchase products seamlessly.
Infinite Scrolling:
Load more products dynamically while browsing.
Role-Based Dashboards:
Customer Dashboard: Order history and activity summary.
Vendor Dashboard: Product management, coupon management, and more.
Admin Dashboard: Category management and website activity monitoring.
Mobile Responsiveness:
Optimized for an enhanced mobile experience.
Product Reviews:
Customers can leave reviews and ratings for products.

Technology Stack

Frontend: React.js, Redux, RTK Query, TypeScript, TailwindCSS
Icons: Lucid Icons, Shadcn
Forms: React Hook Form, Zod
Utilities: Moment.js, Redux Persist, React Router, React Infinite Scroll Component
Backend Integration Required

Installation Guide

Prerequisites:

Node.js (18+ version)
Code editor

Steps:

Clone the project repository:
git clone https://github.com/souravh093/e-loomora-client
Navigate to the project directory:
cd e-loomora-client
Install dependencies:
npm install
Create a .env.local file with the following environment variables:

env

Copy code

NEXT_PUBLIC_BASE_API=http://localhost:5000/api/v1

NEXT_PUBLIC_BASE_URL=http://localhost:5173/

Run the development server:
npm run dev

Deployment:

Build the project:
npm run build

Usage Overview

Admins: Manage categories and monitor all activities.
Vendors: Add and manage products, create and apply coupons.
Customers: Browse, search, compare, and purchase products securely.

Loomra brings together buyers and sellers under one cohesive platform, offering a feature-rich, secure, and engaging shopping environment.

LOOMORA

Project Overview

Project Details

Technologies Used

LOOMORA

Project Overview

Project Details

Technologies Used