- Create an index page with 6 cart items.
- Give the items 'Add to Card' feature.
- Create a final checkout page which is displayed on clicking cart icon.
- Create an add to cart ability with dynamic price addition and subtraction.
- Use localStorage to store the checkout cart items details in the index page.
- Use the stored localStorage data in the final checkout page to show the final details.
- Send this localStorage data on the click of Checkout at the backend.
- [] Retrieve the data from the frontend that is being sent.
- [] Use stripe checkout to process the order.
- [] Save the data in the database.
- [] Use it to save the data from Nodejs for user order.
-
Webpack Setup was created following Colt Steel's Learn Webpack Tutorial Series[https://www.youtube.com/playlist?list=PLblA84xge2_zwxh3XJqy6UVxS60YdusY8] and modifying it as per my needs.
-
The NodeJS side of code and stripe integration was learned and implemented following the demonstration tutorial by Web Dev Simplified's How to Setup Node and Stripe[https://www.youtube.com/watch?v=mI_-1tbIXQI]