Skip to content

E-commerce web application (React, Node.js, Express, MySQL) designed for users to shop, place orders, control their profiles, explore an array of products, and more.

Notifications You must be signed in to change notification settings

ke444a/ecommerce-goshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

E-commerce App "GoShop"

E-commerce full-stack web application built with React, Node.js, Express, MySQL (Prisma), and Stripe that represents the functionality of an online store. Users can browse through the products, add them to the cart, and place an order. Admins can manage the products and orders.

Firebase Authentication serves as the app's authentication mechanism, allowing Google sign-in functionality. Redux Toolkit handles the management of the user's cart contents and their curated list of favored products. Cloudinary facilitates the storage of uploaded images, including profile avatars and product visuals. Payments in the application are processed with Stripe. Prisma functions as an ORM for interaction with the MySQL database. TailwindCSS is used for styling the application. The E2E application testing is performed with Cypress.

Table of Contents

Features

  • Authentication (login, register, logout)
    • Google sign-in
    • Role-based authentication
  • Product management
    • Browsing through the products
    • Searching for products by its name or description
    • Filtering products by category
    • Sorting products by price
    • Adding/removing products to/from the cart
    • Adding/removing products to/from the favorites list
  • Order management
    • Placing the order
    • Viewing the order details
  • Payment processing
    • Payment with Stripe
  • User profile
    • Viewing and updating the user's profile information
  • Admin panel
    • Viewing all products
    • Creating, updating, and deleting products
    • Viewing all orders
    • Viewing and update the profile information
  • Responsive design for mobile devices
  • Progressive Web App (PWA) support
  • E2E testing with Cypress

Demonstration

demo.mp4

Home page

Products

Cart

Orders

Admin panel

Technologies

  • React
  • Vite
  • TypeScript
  • Redux
  • NodeJS
  • Express.js
  • MySQL
  • Prisma
  • Stripe
  • TailwindCSS
  • Cypress
  • Firebase
  • React Query
  • React Hook Form
  • React Router

Contact

About

E-commerce web application (React, Node.js, Express, MySQL) designed for users to shop, place orders, control their profiles, explore an array of products, and more.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published