-
Added 4 products as mentioned namely- a) Flamingo Cake b) Candy Cake c) Butter Cream Cake d) Beach Cup Cake
-
Created "add to cart" feature enabling end user to modify the quantity on the go. The "add to cart" button disappears when the quantity is more than 0 and reappears when the quantity is reduced to 0.
-
On click of "checkout" button in the navigation bar, it prints the cost of each item and the cummulative cost of the overall bill in the console.
-
For navigation I have added various hyperlinks in the navigation bar at the top of the webpage.
-
The webpage is responsive therefore independent of the size of the screen it is being represented on.
In the project directory, you can run:
- Install nodejs in your system
- Install Visual Studio Code in your system
- Inside the visual studio code terminal write npm install react-scripts
- In your package.json: change this line "start": "react-scripts start" to "start": "react-scripts --openssl-legacy-provider start"
- Inside the visual studio code terminal write npm install react-bootstrap bootstrap
- Now all the required things are set up.
- Type npm start in your visual studio code terminal
- Project starts