https://github.com/samantha-ruth/shop-shop

An e-commerce store with all types of products! MERN stack application using Mongoose GraphQL, and the Apollo client and Apollo server, as well as the Stripe API.
https://github.com/samantha-ruth/shop-shop

apollo-client apollo-server apollographql concurrently ecommerce express-js graphql javascript mern-project mern-stack mongodb mongoose node nodemon react react-hooks reactcontextapi stripe-api

Last synced: 26 days ago
JSON representation

An e-commerce store with all types of products! MERN stack application using Mongoose GraphQL, and the Apollo client and Apollo server, as well as the Stripe API.

• Host: GitHub
• URL: https://github.com/samantha-ruth/shop-shop
• Owner: Samantha-Ruth
• Created: 2022-09-05T20:19:03.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-08T19:02:34.000Z (over 2 years ago)
• Last Synced: 2024-11-12T07:32:00.586Z (3 months ago)
• Topics: apollo-client, apollo-server, apollographql, concurrently, ecommerce, express-js, graphql, javascript, mern-project, mern-stack, mongodb, mongoose, node, nodemon, react, react-hooks, reactcontextapi, stripe-api
• Language: JavaScript
• Homepage:
• Size: 1.26 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# shop-shop

An e-commerce store with all types of products. 

## Description

This e-commerce store was built using the MERN stack, including node.js, express, MongoDB, Mongoose and GraphQL as backend technologies, ApolloServer, and React and the React Context API as well as javascript and css for front-end technologies.  In order to complete this project, Redux-like actions and reducers were written and tested, and a global state was inacted across multiple React components.  This projected used IndexedDB within a React component and cached server-side data to this IndexedDB to ensure the app works properly when the internet connection is compromised. Finally, this store employed the use of the Stripe API to safely accept and handle payments. * Note- this is a sample store, so items are not for sale and the payment page is an example. * 

## Table of Contents

* [Usage](#usage)

* [Screenshots](#screenshots)

* [Links](#links)

* [Questions](#questions)

## Usage

A demonstration of a e-commerce site, complete with payment gateway. 

## Screenshots

![MernStore](https://user-images.githubusercontent.com/64170123/189201392-3232fe46-0b00-46c7-9768-9cb8460c972a.jpg)

## Links

Link to deployed app: https://blooming-refuge-92008.herokuapp.com/

Link to GitHub repo: https://github.com/Samantha-Ruth/shop-shop

## Questions

If you have any questions about the repo, open an issue or you can find more of my work at (https://gitHub.com/Samantha-Ruth).