/merch-site-redux

Refactor merch-site to use Redux for shared state

Primary LanguageJavaScript

Earth Day Merch

A website for selling Earth Day merchandise. April 22-23, 2020

By: Benjamin Thom, Michelle Morin, Brandan Sayarath

Description

This application...

Component Tree

component tree

Wireframe Design

wireframe

Specification User Stories

  • A user should be able to create, read, update, and delete items in the store.
  • A user should be able to buy an item in the store, which reduces item quantity by 1.
  • A user should be able to restock an item, which increases item quantity by a fixed amount.
  • When the quantity of an item is 0, the item should say "out of stock". A user should not be able to reduce the quantity of an item below 0.

Setup/Installation Requirements

Node install

For macOS:

If Homebrew is not installed on your computer already, then install Homebrew by entering the following two commands in Terminal:

Install Git with the following command:

  • $ brew install git

Next, install Node.js by entering the following command in Terminal:

  • $ brew install node
For Windows:

Please visit the Node.js website for installation instructions.

Install this application

Clone this repository via Terminal using the following commands:

  • $ cd desktop
  • $ git clone {url to this repository}
  • $ cd merch-site Then, confirm that you have navigated to the merch-site project directory by entering "pwd" in Terminal.

Next, install npm at the project's root directory via the following commands:

  • $ npm install
  • $ npm run build

Open the contents of the directory in a text editor or IDE of your choice (e.g., to open the contents of the directory in Visual Studio Code on macOS, enter the command "code ." in Terminal).

Technologies Used

  • Git
  • JavaScript
  • npm
  • Webpack
  • React

License

MIT

Copyright (c) 2020 Michelle Morin, Benjamin Thom, Brandan Sayarath