Skip to content

abdulrahmanalaa123/react-e-commerce

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Olive ecommerce web app

A minimalistic Single vendor e-commerce web app utilizing supabase for the backend services.

Schema Design

2

Features:

defining legend for the following diagrams

image

Auth

Login

Representing the requests taken to perform a signle login operation and Auth service represents the auth service hosted on supabase image

Registration

Registeration invokes login on clientside and performs most of the operations required to setup the account on supabase utilizing triggers, webhooks and edge Functions image

Cart

Generally an auth cheeck is performed first to check if the client is authorized to do server sided alterations if no authorizations are found only the changes would happen on client side image

Checkout / Payment

This is defining the process of checking out after entering you credit card details or simply selecting cash on delivery options Note that the credit card details are handled with stripe and accessed using the stripe hook for elements and no credit card details are stored client side to not expose secret information.

image

Snippets of the Application:

Home

3

Auth

4

Products View

5

Product Page

7

Cart

cart

Checkout

6

Stack Used:

React

SupaBase for the backend

Formik,Yup for form validation

React Query for handling server state Management

Zustand for handling client state Management

Stripe for handling payments

About

Olive e-commerce includes main E-commerce features

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.7%
  • PLpgSQL 17.6%
  • TypeScript 4.1%
  • CSS 1.5%
  • HTML 0.1%