dự án Pinterest 2.0 React by Yukidev

em là Yuki, hiện đang học tập và phát triển trong lĩnh vực frontend, đặc biệt là với ReactJS. Em bắt đầu học nghiêm túc từ tháng 4/2024, và sau một thời gian tự học cùng với sự hỗ trợ và kèm cặp từ một người anh mentor, hôm nay em rất vui mừng được giới thiệu dự án cá nhân đầu tay của mình: Pinterest 2.0.
Ban đầu, em có ý định làm theo các dự án mẫu từ các khóa học, nhưng sau đó em nhận ra rằng việc này không khác gì "copy-paste" lại code của người khác. Vì vậy, em đã tự thử thách bản thân với một dự án hoàn toàn mới, độc đáo và khác biệt.
Công Nghệ Sử Dụng Trong Dự Án
Dưới đây là các công nghệ mà em đã sử dụng để phát triển Pinterest 2.0:
TypeScript
ReactJS v18
Thư viện UI: NextUI
Quản lý state toàn cục: Redux / Redux Toolkit
Gọi API và quản lý dữ liệu: TanStack Query
Xử lý sự kiện realtime: Socket.IO (cho chức năng bình luận trên pin)
Axios
Thư viện carousel: Embla Carousel
Thiết kế giao diện: Tailwind CSS
Định tuyến: React Router DOM
Middleware: Axios interceptor để làm mới token và authorization
Chức Năng Chính Của Pinterest 2.0
Pinterest 2.0 được trang bị đầy đủ các chức năng giúp người dùng trải nghiệm tốt nhất:
Xem hình ảnh
Xem chi tiết hình ảnh
Đăng và chỉnh sửa hình ảnh
Bình luận và theo dõi hình ảnh
Chỉnh sửa hình ảnh
Tạo tài khoản /đăng ký / đăng nhập
Một Số Tính Năng Dành Cho Admin
Để hỗ trợ công việc quản lý, em đã phát triển thêm một số tính năng dành riêng cho admin:
Thêm, xóa, sửa hình ảnh
Quản lý người dùng
Quản lý bình luận
Link vercel : https://pinterest-2-0-ts-react.vercel...
scoure code github : https://github.com/Thienan1092005/Pin...
Rất mong được sự góp ý của các anh/ chị
em xin cảm ơn