Fashohub is a fashion e-commerce platform offering trendy and affordable clothing aiming to provide a seamless shopping experience, from product discovery to secure checkout and delivery. The platform consists of three major roles:
- User Role: This role is for the customers who wish to shop online using our platform
- Admin Role: This role is for the admins providing them with full access of managing the platform
- Vendor Role: This role is for the shops, bussinesses, etc. who wish to sell their products through our platform.
-
Personalized Fashion: Get outfit suggestions that match your style and budget instantly.
-
Effortless Shopping: Add to your cart, place orders, and explore similar items.
-
Complete Ecosystem: The project completes an ecosystem putting admin, vendor, delivery partners and customers in a loop.
-
Enhanced User Experience with NLP Chatbots
Chatbots streamline user interactions by automating product recommendations, filtering, and customer support. This aligns perfectly with Fashohub’s goal of making shopping easier and more personalized. Research shows chatbots improve service accessibility and task efficiency, which enhances overall customer satisfaction.
Source of Claim -
Boosting Customer Trust and Engagement
Chatbots that are friendly and empathetic make users feel more comfortable and engaged, increasing their likelihood of staying on the platform.CopilotKit helps Fashohub simplify product discovery and provides personalized suggestions, making shopping enjoyable and efficient.
Source of claim
This research-backed facts show how integration of copilotkit in Fashohub makes it a more user-friendly and smart e-commerce platform.
-
Product view and filter actions:
Allows users to view products and filter them by price, discount, and more, improving product discovery. -
Auto-complete for reviews:
Helps users write better reviews by suggesting relevant phrases as they type. -
Auto-complete for product descriptions:
Makes it easier for sellers to create detailed, professional product descriptions during product creation. -
UI Customization for chatbot:
Allows users to get a more stylish modern look while talking to the chatbot. -
Render method for product cards:
Dynamically displays product cards, making browsing products smooth and responsive. -
Product recommendations (Future Plan):
This is a feature that is yet to be integrated. Code for viewed products and copilotTask is ready but due to some time and support constraints I couldn't get it done for now. This feature provides suggestions for similar products (giving context of viewed products to copilotkit), helping users find what they like and increasing engagement.
In today’s digital age, customers are looking for convenient and efficient ways to shop online. Many existing platforms are cluttered, difficult to navigate, and lack personalization. Furthermore, small and medium businesses often struggle to reach a broader audience and manage online transactions effectively.
Our platform solves these problems by offering a user-friendly interface that simplifies the shopping process. It provides easy navigation, quick product search, and secure payment gateways. Additionally, the website helps businesses showcase their products, manage orders, and reach a larger customer base, all in one place. This creates a better shopping experience for customers while offering businesses the tools they need to thrive online.
1. ReactJS
2. ExpressJS
3. MongoDB
4. Redux Toolkit: State management
5. JWT: Authentication
6. MantineUI
7. Copilotkit
Add.a.heading.1.mp4
- To make the demo video short I have skipped certain portion showing category page, skeleton, mantine carousel for products, filter, etc
- Relevant video Product Carousel
- Relevant images
Follow the given steps to set up fashohub
-
Clone the repo:
[email protected]:Ujj1225/fashohub.git
-
Navigate to the clone directory
cd fashohub
-
Navigate to backend directory and run the following commands:
npm i
npm run server
- Navigate to frontend directory and run the following commands:
npm i
npm run dev
- Create a .env file inside the backend directory and insert:
PORT=8001
MONGO_URI=******
NODE_ENV=development
JWT_SECRET=******
FTP_HOST=******
FTP_USER=fashohub
FTP_PASSWORD=******
FTP_PORT=21
You are all set to use the application.
You can see your frontend running at localhost:5173
and backend running at localhost:8001
- For frontend can be found in package.json
- For backend can be found in package.json
This project is licensed under the MIT License.