Skip to content

ecommerce project #75

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kkannen wants to merge 4 commits into
base: master
Choose a base branch
from
Open

ecommerce project #75

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
fac50b9
stuff
kkannen Jun 10, 2018
1c1838e
more changes
kkannen Jun 19, 2018
c9fe3fc
got cart mostly working
kkannen Jun 21, 2018
d07ca32
it works now I guess
kkannen Jun 23, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 20 additions & 20 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
#### Setup
Fork, clone, run npm install, npm start, pull request
X Fork, clone, run npm install, npm start, pull request

#### Client
* Create a component folder to hold component files
* Organize this web page into appropriate components
* ProductDetail
* Header
* Footer
* Carousel
* X Create a component folder to hold component files
* X Organize this web page into appropriate components
* X ProductDetail
* X Header
* X Footer
* X Carousel
* Think of some other components you could make
* The ProductDetail should repesent only one single product
* The ProductDetail should take a prop called product with is an object, and use it to populate price, name, description reviews and stars.
* Make sure each component is in its own file and imported into App.js
* Use the provided data in state.js to dynamically populate information instead of the hard coded html that is there now.
* In index.js provide App with a prop called "products" sending in the product array
* App should use the product prop and map the array of products into an array of ProductDetail components
* Make the star images represent the number rating from data.
* Bonus. Notice the grey stars.
* Change App into a class component
* X The ProductDetail should repesent only one single product
* X The ProductDetail should take a prop called product which is an object, and use it to populate price, name, description reviews and stars.
* X Make sure each component is in its own file and imported into App.js
* X Use the provided data in state.js to dynamically populate information instead of the hard coded html that is there now.
* X In index.js provide App with a prop called "products" sending in the product array
* X App should use the product prop and map the array of products into an array of ProductDetail components
* X Make the star images represent the number rating from data.
* X Bonus. Notice the grey stars.
* X Change App into a class component

#### Server
* Create a database for this project
* Create a web server for ths project
* Create routes for products and orders
* X Create a database for this project
* X Create a web server for ths project
* X Create routes for products and orders


#### Fetch
Expand All @@ -31,7 +31,7 @@ Fork, clone, run npm install, npm start, pull request


### Add Item To Cart
* Add a button to ProductDetail "Add To Cart"
* X Add a button to ProductDetail "Add To Cart"
* When the button is clicked it should increase the value of the state numberOfItemsInCart by 1
* The Header should update to show the current value of numberOfItemsInCart
* How does Header get that information in order to show it?
Expand Down
Loading