Skip to content

Shop-Shop is an ecommerce MERN application. Users are able to browse items and add them to a cart, which will persist if the website is left. Additionally, users can create an account to keep track of what items they have purchased. The payment processing platform used is Stripe.

Notifications You must be signed in to change notification settings

CFsylvester/shop-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shop-Shop

Deployed AppRepo SizeLanguagesProminent Language

Description

Shop-Shop is an ecommerce MERN application. Users are able to browse items and add them to a cart, which will persist if the website is left. Additionally, users can create an account to keep track of what items they have purchased. The payment processing platform used is Stripe.

Instead of a RESTful API, Shop-Shop utilizes GraphQL paired with Apollo. This is done to save bandwidth and reduce waterfall requests. It also enables clients to request their own unique data specifications. IndexedDB is implemented to create persistent cart data, as users are accustommed to that feature. While Stripe API is the payment processing platform for the checkout process. Shop-Shop initially used React-Context for state management but was refactored to use Redux for its predictability, DRY code, and speed. While JsonWebToken and JWT-Decode enable the safe transmission of user data. The bcrypt hashing function allows us to build a password security platform that scales with computation power and always hashes every user password with a salt.

Table of Contents

Usage

Signup Form:

Application Homepage:

Product Page:

Shopping Cart:

Stripe Checkout:

User Order History:

Installation

Node.js, NPM, and MongoDB must be installed on your computer.

Clone the repo:
git clone https://github.com/CFsylvester/shop-shop.git

Navigate to the root directory and run:
npm install

To start the server locally, run the following:
npm start

Navigate to localhost:3001 in your browser to open the application locally.

Technology Used

Mongoose.js Express.js React Node.js Redux IndexedDB JavaScript HTML5 CSS Concurrently If-Env Stripe JWT-decode GraphQL Apollo Nodemon JsonWebToken Bcrypt

HerokuMongoDBMongoDB Atlas

Questions

Please reach out to me at clairesylvester@clairecodes.dev

Links

License

This application uses the MIT license.

About

Shop-Shop is an ecommerce MERN application. Users are able to browse items and add them to a cart, which will persist if the website is left. Additionally, users can create an account to keep track of what items they have purchased. The payment processing platform used is Stripe.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published