Giter VIP home page Giter VIP logo

bytesizeerror / redux-store Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.87 MB

Redux Store - An e-commerce platform that can allow the user to create an account and add items into their cart for checkout. The user can likewise remove items later on from their shopping cart. The user can checkout the items in their shopping cart with Stripe and see their previous orders in the order history tab.

Home Page: https://warm-lake-53643.herokuapp.com/

License: MIT License

HTML 5.73% JavaScript 88.85% CSS 5.42%
redux redux-store online-shopping e-commerce

redux-store's Introduction

Redux-Store

Contributor Covenant License: MIT

Description

An e-commerce platform that can allow the user to create an account and add items into their cart for checkout. The user can likewise remove items later on from their shopping cart. The user can checkout the items in their shopping cart with Stripe and see their previous orders in the order history tab. My motivation for this project was to create an online shopping platform that allows the user to buy stuff. This project helped me improve my skills in Redux and Stripe as well as setting up a Heroku page and using MongoDB Atlas as the database.

Link to the Project

Table of Contents

Installation

  • To clone the repository
    • Make sure you have right access to pull in the repository either by applying 'ssh' keys or by providing a username and password'
    • Make sure your path is proper
    • Copy the git command to where you want to clone the repository
    git clone [email protected]:ByteSizeError/Redux-Store.git
    
    • You will see a Redux-Store folder.
  • An alternate document to clone a repo can also be found at github

Project Demo

Searching for items by category

search-items.mov

Sign up page

create-account.mov

Adding items to shopping cart

add-item.mov

Deleting items from shopping cart

remove-item.mov

Logging back in

login-checkout.mov

Checking out with Stripe

stripe-payment.mov

Viewing order history

order-history.mov

Usage

  • Users can add items into their shopping cart
  • Users can remove items from their shopping cart
  • Users can sign in from any other device with the same credentials
  • Users can checkout their shopping cart with Stripe
  • Users can see their order history when signed in

License

License: MIT

https://www.mit.edu/~amini/LICENSE.md


      Copyright (c) 2021 Jimmy Zheng

      Permission is hereby granted, free of charge, to any person obtaining a copy
      of this software and associated documentation files (the "Software"), to deal
      in the Software without restriction, including without limitation the rights
      to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
      copies of the Software, and to permit persons to whom the Software is
      furnished to do so, subject to the following conditions:

      The above copyright notice and this permission notice shall be included in all
      copies or substantial portions of the Software.

      THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
      IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
      FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
      AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
      LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
      OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
      SOFTWARE.

Contributing

Contributor Covenant

We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, caste, color, religion, or sexual identity and orientation.

We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.

Examples of behavior that contributes to a positive environment for our community include:

  • Demonstrating empathy and kindness toward other people.
  • Being respectful of differing opinions, viewpoints, and experiences.
  • Giving and gracefully accepting constructive feedback.
  • Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience.
  • Focusing on what is best not just for us as individuals, but for the overall community.

Examples of unacceptable behavior include:

  • The use of sexualized language or imagery, and sexual attention or advances of any kind
  • Trolling, insulting or derogatory comments, and personal or political attacks
  • Public or private harassment
  • Publishing others' private information, such as a physical or email address, without their explicit permission
  • Other conduct which could reasonably be considered inappropriate in a professional setting

This Code of Conduct is adapted from the Contributor Covenant, version 2.1, available at https://www.contributor-covenant.org/version/2/1/code_of_conduct.html.

Community Impact Guidelines were inspired by Mozilla's code of conduct enforcement ladder.

For answers to common questions about this code of conduct, see the FAQ at https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations.

Tests

Testing can be performed in the command line after installation of the project on the machine. To test the project go into the command line and type in

npm install

to install all the required modules. To run and test the program refer to the project demo as a walkthrough to get started.

To seed the local database we will type in

npm run seed

Next type in

npm run develop

If concurrently is missing type in

npm install -g concurrently

and follow the instructions for how to fix package issues.

After all required modules are installed should be able to run the program. It will prompt you for project information. Here is where you can test the project.

Questions

For questions you can reach me at https://github.com/ByteSizeError.

You can also reach me at [email protected] for additional questions.

redux-store's People

Contributors

bytesizeerror avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.