Skip to content

A fashion e-commerce platform offering trendy and affordable clothing with a seamless shopping experience.

License

Notifications You must be signed in to change notification settings

Ujj1225/fashohub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fashohub

Watchers Forks Star

Issue Open Pull Request

License

About the project

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
User Layout
  • Admin Role: This role is for the admins providing them with full access of managing the platform
Admin Layout
  • Vendor Role: This role is for the shops, bussinesses, etc. who wish to sell their products through our platform.
Vendor Layout

Features

  • 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.

Research supporting how and why CopilotKit Integration Makes Fashohub Stand Out

  1. 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

  2. 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.

CopilotKit Features in Fashohub

  • 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.

Problem Statement and Solution

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.

Technologies Used

1. ReactJS
2. ExpressJS
3. MongoDB
4. Redux Toolkit: State management
5. JWT: Authentication
6. MantineUI
7. Copilotkit

Demo

Add.a.heading.1.mp4

UI/UX

  • 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
Category Page
Skeleton

Installation

Follow the given steps to set up fashohub

  1. Clone the repo:

    [email protected]:Ujj1225/fashohub.git
  2. Navigate to the clone directory

    cd fashohub
  3. Navigate to backend directory and run the following commands:

npm i
npm run server
  1. Navigate to frontend directory and run the following commands:
npm i
npm run dev
  1. 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

Dependencies

Frontend

Backend

License

This project is licensed under the MIT License.

About

A fashion e-commerce platform offering trendy and affordable clothing with a seamless shopping experience.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages