Skip to content

hazemahmedx0/Shopliy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

140 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopliy - MERN Stack E-Commerce Website

Shopliy is an electronic e-commerce website built with the MERN (MongoDB, Express.js, React.js, Node.js) stack. It provides users with the ability to browse products, add them to the cart or wish list, and proceed to checkout. Users can also update their personal information, view their orders, and manage their account. The website includes an admin dashboard with statistics about users, orders, and revenue. The admin can manage products, categories, orders, and customers.

Frame 170

Demo video

Shopliy.mp4

Features

  • User Authentication: Users can sign up, log in, and log out.
  • Product Listing: Users can view a list of available products.
  • Product Details: Users can view detailed information about each product.
  • Cart Functionality: Users can add products to the cart, update quantities, and remove items.
  • Wish List: Users can add products to their wish list for future reference.
  • Checkout: Users can proceed to checkout and place orders.
  • User Account Management: Users can update their personal information, including name, email, image, and address.
  • Order History: Users can view their previous orders.
  • Admin Dashboard: Admins have access to an admin dashboard with statistics about users, orders, and revenue.
  • Product Management: Admins can add, delete, and update products.
  • Category Management: Admins can manage product categories, including adding, deleting, and updating categories.
  • Order Management: Admins can view and manage orders.
  • Customer Management: Admins can manage customer accounts.

Tech Stack

Frontend

  • React
  • Vite
  • Tailwind CSS
  • mantine UI
  • axios
  • Cloudinary

Backend

  • Node.js and Express.js
  • JWT
  • bcrypt
  • Cors
  • MongoDB
  • Mongoose

Installation

To get started with Shopliy, follow these steps:

  1. Clone the repository: git clone https://github.com/Hazemmahdyx/Shopliy.git

  2. Install dependencies:

    • For the frontend, navigate to the client folder and run npm install
    • For the backend, navigate to the server folder and run npm install
  3. Install dependencies:

    • For the frontend, navigate to the client folder and run npm run dev
    • For the backend, navigate to the server folder and run npm run start:dev
  4. Create a .env file in the root directory and add the following variables:

    • JWT_SECRET : Secret key for JWT authentication

Contributors

  • Hazem Mahdy: GitHub (FrontEnd)
  • Sara Hamza: GitHub (BackEnd)
  • sara khataam: GitHub (BackEnd)
  • Abdallah Elhadad: GitHub (FrontEnd)
  • Ahmed Hagras: GitHub (FrontEnd)
  • Shereen Nasr: GitHub (BackEnd)

About

Shopliy eCommerce website

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5