✨✨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

Backend

Tools

Deployed On:

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.

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 .

Singal Product Page :

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

Cart Page :

Here users can see their added Product in the Cart .

Shipping Page :

Here users can enter their shipping details .

Checkout Page :

Here users can checkout their Purchase .

Payments Page :

Here users can make the payment .

Confirmation Page :

Here after payment users get confirmation for their purchase.

## Wishlist Page :

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

## Order History Page :

Here users can see all of their purchases.

User Profile Page :

Here users profile page.

Refund Status :

Here refund status.

## Messages vender :

Here Message

Track Order status :

Track Order status

Chenge Password user :

Chenge Password user

## Users Address:

Users Address

FAQ Page:

FAQ 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>

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✨