kelliekumasaka / redux-store

On this website, you are able to scroll through products and add them to your cart and checkout, as you would on an actual e-commerce website.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Redux Store
License: MIT

About

On this website, you are able to scroll through products and add them to your cart and checkout, as you would on an actual e-commerce website. Using graphql and MongoDB this website stores your products in a database, and uses different queries and mutations for website functionality.

Deployment

https://kelliekumasaka-redux-store.herokuapp.com/

Table of Contents

Description

Upon entering the site, you are able to view a variety of products as well and add them to your cart. However, you cannot checkout without first logging in or signing up.

home page of the website with different products

Once you have logged in, you can view the cart with the option to checkout, which takes you to a Stripe checkout page.

view of a full cart

Installation

Run npm i to install apollo-server-express, bcrypt, express, graphql, jsonwebtoken, mongoose, stripe for server-side, and @apollo/client, @stripe/stripe-js, @testing-library/jest-dom, @testing-library/react, @testing-library/user-event, graphql, jwt-decode, react, react-dom, react-redux, react-router-dom, react-scripts, redux for client-side.

Usage

Contributing

Tests

To run client-side tests, run npm run test in the client folder.

License

This project is licensed under MIT.

Questions

Here is a link to my GitHub or shoot me an email.

About

On this website, you are able to scroll through products and add them to your cart and checkout, as you would on an actual e-commerce website.


Languages

Language:JavaScript 90.7%Language:CSS 6.4%Language:HTML 2.9%