GrabFood UI Clone

Tính năng

• Hiển thị tối ưu trên nhiều thiết bị (Desktop, Tablet, Mobile) bằng việc sử dụng TailwindCSS.
• Sử dụng React Router để chuyển đổi giữa các trang như Trang chủ, Chi tiết quán ăn, Danh mục mà không cần tải lại trang.
• Xây dựng hệ thống component có khả năng tái sử dụng cao như Card món ăn, Thanh tìm kiếm,...
• Hiển thị danh sách cửa hàng và thực đơn từ dữ liệu JSON giả lập.

Thách thức

• Chuyển đổi từ tư duy DOM truyền thống sang quản lý State và Props.

Kết quả

• Nắm vững cách React hoạt động, các Hooks như useState, useEffect quản lý dữ liệu và render giao diện.
• Hình thành quy trình tự học công nghệ mới thông qua tài liệu chính thức (Documentation) và giải quyết vấn đề (Debug) thực tế.
• Triển khai sản phẩm thực tế lên môi trường Internet thông qua GitHub Pages

Links

GithubFrontend Site