Скачать или смотреть VueJS, TailwindCSS & FrappeUI Training - Day 5 | E-commerce Project

Join in to BWH Community Discord Server:   / discord   !

Day 1:    • VueJS, TailwindCSS & FrappeUI Training - D...  
Day 2:    • VueJS, TailwindCSS & FrappeUI Training - D...  
Day 3:    • VueJS, TailwindCSS & FrappeUI Training - D...  
Day 4:    • VueJS, TailwindCSS & FrappeUI Training - D...  

Notes & Links
----------------------
A better toast library (was not able to remember the name at that time :p): https://vue-sonner.vercel.app/
Vue Dev Tools: https://devtools.vuejs.org/

This is final day of VueJS, TailwindCSS & FrappeUI Training for Frappe School! If you want to get started or learn more about Frappe's new frontend stack, this is your chance.

Day 5 Readings: https://github.com/BuildWithHussain/v...
Day 5 Assignment: https://github.com/BuildWithHussain/v...

For schedule, past episodes and more, check website: https://bwh.live
My Setup: https://bwh.live/setup
Articles: https://bwh.live/articles

My Twitter: https://x.com/NagariaHussain

More Resources:

About Frappe: https://frappe.io
ERPNext: https://erpnext.com
Frappe Framework: https://frappeframework.com

--------------
Chapters
--------------

00:00:00 - Recap of E-commerce App Plan
00:01:42 - Fixing a bug / `www` directory does not exist
00:03:43 - Question: SocketIO with FrappeUI?
00:04:47 - Question: How to make my own logout and login endpoints?
00:06:20 - Product DocType
00:17:47 - Building Products List Page
00:45:00 - Extracting Product Card component
00:49:56 - Building Product Details Page
00:52:24 - Linking list and details page
00:55:57 - Fetching a document (doc) from the backend
01:00:56 - Building a simple Image Gallery
01:14:56 - Responsive design with TailwindCSS
01:22:43 - Fixing a bug / 'watch' use case
01:24:08 - Vue Dev Tools to rescue!
01:31:01 - Building a cart feature / Add to cart
01:42:17 - Toasts with external library (vue-toastification)
01:51:21 - Plan of action for remaining features
01:53:52 - Note on provide/inject
01:55:35 - Extracting a Navbar component
01:58:24 - Building a Cart dialog
02:08:30 - Building a Checkout Page
02:11:00 - API endpoint to place an order
02:12:25 - Order DocType
02:17:24 - Calling custom API endpoints using `createResource`
02:30:27 - Persisting cart state with Local Storage
02:41:52 - Remove item from cart
02:44:18 - Rendering markdown product description
02:47:56 - FrappeUI's Tabs component
02:48:29 - Deploying to Frappe Cloud
02:58:13 - Closing Remarks / Keep building!