Project aims to create a Shopping Cart App.
- I am adding a new project to our portfolios. So you and your colleagues have started to work on the project.
Shopping Cart (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── App.js
│ ├── components
│ │ ├── CardTotal.jsx
│ │ ├── Navbar.jsx
│ │ ├── ProductCard.jsx
│ │ └── ProductForm.jsx
│ ├── index.css
│ ├── index.js
│ └── pages
│ ├── About.jsx
│ ├── Main.jsx
│ ├── NewProduct.jsx
│ ├── ProductList.jsx
│ └── UpdateProduct.jsx
├── package.json
└── yarn.lock
Build a Shopping Cart App using ReactJS.
-
HTML
-
CSS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Create React App using
npx create-react-app shopping-cart
-
Step 2 : Install
"react-icons"
package to yourpackage.json
for icons or fontawesome cdn link paste to "public/index.html", installaxios
package andreact-router-dom
. -
Step 3: Build Checkout Page App.
-
Step 4: You can use CSS frameworks like Bootstrap, Material UI etc.
-
Step 5: Push your application into your own public repo on Github
-
Step 6: Add project gif to your project and README.md file.
- Watch the video and follow the steps to create an account and project on MockAPI.
☺ Happy Coding ✍