Xưởng thực hành WEB209 – React + Typescript + Nodejs – Hoadv

Buổi 1: Khởi tạo dự án
- Cài đặt dự án: client (FE: React) + server (BE: NodeJS + MongoDB)
- Cài đặt routes cho FE: admin/product/list

Buổi 2: Tích hợp API làm màn Admin Product List + Delete
- Call API lấy danh sách products và render UI
- Chức năng xóa sản phẩm, show confirm dialog + thông báo Flash

Buổi 3: React Final Form + MUI
- Code UI Product Add user React Final Form + MUI, Validate Form
- Call API add product

Buổi 4: Refactor Code + Context API
- Refactor Component ProductForm Product Add + Edit
- Context API Loading AdminLayout

Buổi 5: Clean Code + Register - Login - Validator
- Clean Code
- Register - Login - Validator

Buổi 6: Cắt giao diện Cart Page Figma sử dụng Styled MUI 
- Đăng ký Figma Dev Mode Free Mail Edu
- Cắt giao diện Cart Page Figma

Buổi 7: Add To Cart Product and Use Context API Cart React
- Context API User Step
- Context API Cart 

Buổi 8: Call API Add To Cart Product and Add Model Cart NodeJs
- Call API Add To Cart Product
- Add Model Cart NodeJs

Buổi 9: React Hook and Custom Hook UseProductCart
- React Hook 
- Custom Hook UseProductCart

Buổi 10 (DONE): Deploy Backend NodeJS + Frontend React
-  Deploy Backend NodeJS + Mongo Atlas on Render  
- Deploy Frontend React MUI Project on Vercel and Netlify