item card and style sheet

.gitignore

@@ -104,4 +104,7 @@ dist
 .tern-port
 
 #sqlite
-*.sqlite
+*.sqlite
+
+#other
+package-lock.json

README.md

@@ -1,9 +1,169 @@
-# swe-inventory-app-starter
-React Boilerplate code for SWE Mod-1 Project
-
-## How to use 
-1. Fork this repo
-2. `npm install`
-3. `npm start`
-4. In a seperate terminal, `npm run start-dev`
-5. Find your bliss!
+# PLANTSHED
+
+A React Project built for Mod 1 covering React forms, react-router, and responsive CSS. This project was also expanded in Mod 3 to practice CI/CD using Docker and AWS. 
+
+---
+
+## Table of contents
+
+- [Introduction](#introduction)
+- [Competencies](#competencies)
+- [Demo](#demo)
+- [Technologies](#technologies)
+- [Setup](#setup)
+- [Features](#features)
+- [Documentation](#documentation)
+- [Contact](#contact)
+
+---
+
+## Introduction
+
+PlantShed is one of the most popular plantstores in NYC. Not only do they sell a wide variety of houseplants and flowers, they have a local coffeeshop where customers can enjoy a fresh brew before shopping. PlantShed expands into the e-commerce space, where customers can view the inventory of plants, flowers, and coffeebeans and shop from home.
+
+---
+
+## Competencies 
+
+#JF 1.5
+- Knows how teams work effectively to produce software and how
+to contribute appropriately
+
+#JF 3.3
+- Understands how to develop effective user interfaces
+
+#JF 5.1
+- Knows relevant and up-to-date software testing frameworks and
+methodologies
+
+#JF 6.2
+- Understands how to follow company, team or client approaches to
+continuous integration, version and source control
+
+---
+
+## Demo 
+
+<h1 align="center">
+   Plantshed |E-commerce Application.
+</h1>
+
+<div align="center">
+
+![Plant shed](./demo.gif)
+
+ An app made with the help of React.js.
+
+</div>
+
+
+
+---
+
+## Screenshots
+
+* Plant Product Page:
+
+![5.png](pic10.jpg)
+
+* Description Page:
+
+![1.png](pic4.png)
+
+* Favorite Page:
+
+![2.png](pic3.png)
+
+* Coffee Product Page:
+
+![4.png](pic7.png)
+
+* Login Page:
+
+![3.png](pic2.png)
+
+
+* Shopping Cart Page:
+
+![4.png](pic5.png)
+
+
+* Payment Form Page:
+
+![3.png](pic6.png)
+
+
+
+---
+
+
+## Technologies
+
+- React - version 17.0.2
+- Node.js - version 14.15.4
+- Express.js - version 4.17.1
+- Docker
+- AWS Amazon S3
+
+---
+
+## Setup
+
+To run this project, install it locally using npm:
+
+```
+cd plantshed
+$ npm install
+$ npm start
+```
+Then in a parallel terminal:
+```
+$ npm run start-dev
+```
+
+---
+
+## Features
+
+Users should be able to:
+- sign up and sign in with the login form
+- view plant and coffee inventory
+- add and remove products from a shopping cart
+- view more information about a product on a single view page
+- favorite plants and coffee and view them in a favorites tab
+- enter credit card and shipping information with the checkout form
+
+Stretch Goals:
+
+- Deploy the app on Heroku
+- Add unit tests in Jest
+- Add email notifications when items are left in shopping cart
+- Add out of stock alert when items go out of stock
+- Add Stripe payment
+
+---
+
+# Documentation
+
+CI/CD Docker/AWS:  [Documentation](https://docs.google.com/document/d/1slL3HBzbyACMiKK8fbBxgoZxzzHoYpz4Q1bb61ARbpo/edit?usp=sharing)
+
+ How to create branch and pull request:
+
+- `git checkout -b newbranchname` (create a new branch for each issue)
+- `git branch` (To confirm which branch you are on)
+- `git add .` (To add all the changed files)
+- `git status` (To check the status of the files)
+- `git commit -m "message"`
+- `git push -upstream newbranchname` (To push code)
+- Create Pull request
+- `git branch -D newbranchname` (To delete branch)
+- `git branch -d newbranchname`
+- `git merge main` (when in new branch)
+
+---
+
+## Contact
+
+- [Judith Liem](https://github.com/jjliem)
+- [Afreen S Mohammed](https://github.com/afreensafdar)
+- [Ricardo Salcido](https://github.com/RSalcido2019)

app.js

@@ -1,7 +1,9 @@
 const express = require('express');
 
 const {sequelize} = require('./db');
-const {Sauce} = require('./models');
+const {Product} = require('./models/index');
+
+
 
 const seed = require('./seed')
 
@@ -23,16 +25,17 @@ app.use(express.static('public'));
 
 seed();
 
-app.get('/sauces', async (req, res) => {
-    const sauces= await Sauce.findAll()
-    res.json(sauces)
+app.get('/products', async (req, res) => {
+    const products= await Product.findAll()
+    res.json(products)
 })
 
-app.get('/sauces/:id', async (req, res) => {
-    const sauce = await Sauce.findByPk(req.params.id)
-    res.json({sauce})
+app.get('/products/:id', async (req, res) => {
+    const product = await Product.findByPk(req.params.id)
+    res.json({product})
 })
 
+
 app.listen(PORT, () => {
     sequelize.sync({force: true});
     console.log(`Your server is running on http://localhost:${PORT}`);

models/index.js

@@ -1,15 +1,21 @@
-const {Sequelize, DataTypes, Model} = require('sequelize')
-const {sequelize} = require('../db')
+const { Sequelize, DataTypes, Model } = require("sequelize");
+const { sequelize } = require("../db");
 
+class Product extends Model {}
 
-class Sauce extends Model {}
+Product.init(
 
-Sauce.init({
+  {
     name: DataTypes.STRING,
     image: DataTypes.STRING,
-}, {
+    price: DataTypes.DECIMAL,
+    type: DataTypes.STRING,
+    description: DataTypes.STRING,
+  },
+  {
     sequelize,
     timestamps: false,
-});
+  }
+);
 
-module.exports = {Sauce};
+module.exports = { Product };