Skip to content

This app is an online store where you can shop for an item from a variety of categories. Once you are done adding items to your cart, you can checkout and pay online!

Notifications You must be signed in to change notification settings

jdeschat/shop-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shop-shop

Description

This app is an online store where you can shop for an item from a variety of categories. Once you are done adding items to your cart, you can checkout and pay online!

I added offline capabilities with IndexedDB as well as the ability to handle secure online payments with a service called Stripe.

alt text

Table of Contents

User Story

AS A shopper
I WANT to be able to buy things online
SO THAT I can have a fully online shopping experience

Installation

To install this application, clone the code into your terminal for the respective repository. Then, install npm by entering the command npm install in the root directory of the terminal. This will install all dependencies in the package.json required to run this application. Don't forget to add .gitignore files to include node_modules before installing npm.

Usage

Run the following commands in the command-line in the root of the folder

  1. npm install
  2. npm run develop
  3. The browser will open at http://localhost:3000/
  4. Sign Up for an account by entering an email, username, and password
  5. After signing up, you will automatically be logged in
  6. Once logged in, you may search for an item. You can select a category if you would like.
  7. You have the ability to add items to your cart, which you can retrieve by clicking on the shopping cart icon in the top right corner of the page.
  8. You can checkout by hitting the "checkout" button at the bottom of your cart.
  9. You will be redirected to a payment option where you are required to fill out your card information.
  10. Hit the pay button on the bottom of the page when you are ready to pay. You will be redirected to a success page if your payment goes through successfully.
  11. You may logout by hitting the "logout" button.

Contributors

To contribute to Professional-README-generator, clone this repo locally and commit your code on a separate branch.

Contributors:

Made with contributors-img.

Tests

GitHub license

Technology Used

• React • Bootstrap • Node.js • Express.js • HTML • CSS • Javascript • JSX • Apollo • Graph QL • MongoDb • Mongoose • Heroku

Questions

My Github username is jdeschat, which can be accessed here https://github.com/jdeschat/shop-shop.

This app is deployed through Heroku, which can be accessed here https://shop-shop213.herokuapp.com/

You can reach me at jdeschat@gmail.com with additional questions.

About

This app is an online store where you can shop for an item from a variety of categories. Once you are done adding items to your cart, you can checkout and pay online!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published