Skip to content

The website functions as a multi-vendor platform, allowing multiple vendors to sell their products. It includes separate dashboards for users, vendors, and administrators, each with distinct functionalities and access levels.

Notifications You must be signed in to change notification settings

avnishsingh0/SwiftCart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 

Repository files navigation

✨✨Welcome to SwiftCart✨✨

💻Project Unique Name : SwiftCart ✈️


This website provides a seamless shopping experience for customers. Users can browse through various products, add items to their cart, and proceed to checkout. Integration with a payment gateway ensures secure and convenient online transactions. Additionally, a chat feature is implemented to enable real-time communication between users and vendors for queries or assistance.


Frontend Deployed URL 👉 Click here

Backend API 👉 Click here

Chatting API 👉 Click here


Languages and Tools

Frontend

html5 css3 javascript reactjs redux type script

chakra-ui

Backend

nodejs expressjs mongodb

Tools

git git github npm vscode render

vscode slack

Deployed On:

vercel cyclic


Features

#user

  • Account creation, login, signup and logout functionality with eamil verification using smpt.
  • Sign-up and log-in validations.
  • JWT (JSON Web Token) Authentication and BcryptJS Password Hashing
  • Product Filters Based on Categories
  • Products Pagination (Default 12 Products Per Page)
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Wishlist Add/Remove Items
  • Order Summary
  • Profile page with able to edit
  • My Orders Section for details of all ordered item
  • From Wishlist to directly Add-to-Cart feature
  • Coupons are provided for the discount
  • Payment Gateway with stripe and paypal
  • User Authentication before placing an order
  • Data fetching from Backend.

#vender

  • Account creation, login, signup and logout functionality with eamil verification using smpt.
  • Sign-up and log-in validations.
  • JWT (JSON Web Token) Authentication and BcryptJS Password Hashing
  • Create Product with categories
  • Create Evnets
  • Create Discount coupon
  • All orders Status
  • All Product
  • Refund
  • Setting page
  • Profile Page
  • Chat with costumer
  • Withdraw money
  • Vender Dashboard
  • Products Pagination (Default 12 Products Per Page)

# Let's Dive into What we have made

Home Page :

Go through the home page to know more about our website.


Home page

Navbar :


Signup Page :

For signup, user need to fill required details. If user is already exists then it will show you an error. So you can't register again with the same email.



Login Page :

Users can login using their input credentials which provided while signup.



Product Page :

Here users can Purchase their eyewear glasses .


Product page 1

Singal Product Page :

Here users can see details information regarding of particular eyewear glass .


Product page 2

Cart Page :

Here users can see their added Product in the Cart .


 cart page

Shipping Page :

Here users can enter their shipping details .


Shipping page

Checkout Page :

Here users can checkout their Purchase .


Flight checkout page

Payments Page :

Here users can make the payment .


Payment page

Confirmation Page :

Here after payment users get confirmation for their purchase.


Confirmation page

## Wishlist Page :

Here users can see their product which are added in Wishlist.


Wishlist page


## Order History Page :

Here users can see all of their purchases.


Order History page

User Profile Page :

Here users profile page.


Order History page

Refund Status :

Here refund status.


Order History page

## Messages vender :

Here Message


Order History page

Track Order status :

Track Order status


Order History page

Chenge Password user :

Chenge Password user


Order History page

## Users Address:

Users Address


Order History page

FAQ Page:

FAQ Page


Order History page

## Vender Section

Vender Section is responsible for maintaining and updating the data of the website .


<tr>
<td>
  <img src="https://i.imgur.com/hdXwv8O.png" alt="Product-edit">
</td>
 <td>
  <img src="https://i.imgur.com/EmBxoNG.png" alt="Product-edit">
</td>
Product-edit Product-edit
Product-edit Product-edit
Product-edit Product-edit

Footer :

Footer


Languages Used :

      ◉ React : 58.0%
      ◉ React : 40.4%
      ◉ Others : 2.6%

This report is provided by the Github language used stats. So, this is the total percentage of the coding languages.



Prerequisites :

  • Node.js
  • npm

Installing :

  1. Clone the repository to your local machine
  2. Navigate to the project directory
  3. Run npm install to install the required dependencies
  4. Run npm start to start the development server



This is a individual project built by a in 30 days.



Our Learnings :

On this journey we faced many issues, but we keep motivated each other with patience.

  • We learned how to write more efficient and clean code.

  • Even though We also learned how to plan a project and how to execute it step by step.

  • We also got a glimpse of using GitHub for the version control.

Contributing

We welcome contributions to the shopO website. If you have an idea for a new feature or have found a bug, please open an issue in the repository.


Show your support

Give a ⭐️ if you like this project!

✨Thank You✨

About

The website functions as a multi-vendor platform, allowing multiple vendors to sell their products. It includes separate dashboards for users, vendors, and administrators, each with distinct functionalities and access levels.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages