Vue.js E-Commerce App Tutorial: Shopping cart frontend

Learn how to develop shopping cart feature in e-commerce frontend using Vue.js start code: https://github.com/webtutsplus/ecommerce-ui/tree/youtube/wishlist check online https://github.dev/webtutsplus/ecommerce-ui/tree/youtube/wishlist Timestamps 0:00 Intro 3:43 Add to cart button 12:24 Add to cart API integration 19:08 Add to cart demo 21:23 Cart details page 24:25 Register in router/index.js 27:57 Get cart items API display 32:02 Display cart items 43:04 CSS fix 47:27 Display total price 51:24 Cart icon in Navbar 1:03:06 Outro final code: https://github.com/webtutsplus/ecommerce-ui/tree/youtube/shopping-cart checkout online code: https://github.dev/webtutsplus/ecommerce-ui/tree/youtube/shopping-cart ------------------------- Full stack playlist: https://www.youtube.com/watch?v=MgOJmWMSTuQ&list=PLzXSm2gSfuPJtCgYJRJdB2hpP3gz73Dvc Front-end playlist https://www.youtube.com/watch?v=PDDXAztk6xg&list=PLzXSm2gSfuPIIoymeZWdH_uRWqIIT-iQy&t=3s&ab_channel=SimpleCoding Backend Playlist https://www.youtube.com/watch?v=MgOJmWMSTuQ&list=PLzXSm2gSfuPJc2sSAmmud6TLpx0H7otyd&t=3s&ab_channel=SimpleCoding overview of entire app: https://medium.com/javarevisited/a-complete-guide-on-how-to-develop-an-e-commerce-platform-f0bde77dac68?sk=2f887fbe06fbbfd4edc672a0748ac34e Frontend https://github.com/webtutsplus/ecommerce-vuejs https://simplecoding-ecommerce.netlify.app/ Backend https://github.com/webtutsplus/ecommerce-backend https://limitless-lake-55070.herokuapp.com/swagger-ui.html --------------- Join medium and read my tutorials https://nilmadhab.medium.com/membership