Web bán sách – MERN

Chắc hẳn website thương mại là một chủ đề khá đầy đủ để chúng ta thực hành về MERN.

Mình xin chia sẽ source code về website bán sách, sử dụng ReactJS, Express, Mongo. 

Thành phần cấu thành website

User front-end

Đây là nơi để hiện thể thông tin về các mặt hàng của website, cùng với các thông tin của user.

Các chức năng chính:

  • Đăng nhập, đăng ký, quên mật khẩu, thay đổi mật khẩu.
  • Hiện thị sách theo tên, loại, nhà xuất bản, tác giả,..
  • Đặt sách, thêm vào giỏ hàng.
  • Tải lại các sản phẩm mà user đã đặt nhưng chưa thanh toán ở phiên đăng nhập sau.
  • Xem, xoá sửa thông tin giỏ hàng.
  • Tìm kiếm sản phẩm theo nhiều tiêu chí: Tên, loại, tác giả, nhà xuất bản.
  • Phân trang.

Admin

  • Quản lý user
  • Đăng sản phẩm, có kèm đăng hình ảnh sử dụng api của cloudinary.
  • Thêm xoá sửa user.
  • Thống kê 

Server

  • Sử dụng expressjs làm API cho User và admin front end.
  • Sử dụng JWT để chứng thực.
  • NodeMailer gửi email.
  • Xử lý ảnh và upload ảnh lên cloudinary.
  • Mongoose thao tác với database mongodb.

Source

User front-end

Admin front-end

Server 

 

0 0 votes
Article Rating
Subscribe
Notify of
guest
8 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Tools
Tools
1 year ago

hd chạy đi bạn

thang
22 days ago

không thể đăng nhập vào trang admin,giúp mình với ạ

khanh
khanh
3 days ago

thằng UI user và UI admin để khác project vậy làm sao nó kết nối được với nhau vậy

khanh
khanh
2 days ago
Reply to  Deft

theo như em hiểu là phần admin sẽ là phần quản lý ở localhost còn phần user sẽ cho người sử dụng đúng k ạ.

khanh
khanh
2 days ago
Reply to  Deft

em cảm ơn ạ, em đang tập kết nối front end với back end nên chưa rõ luồng đi lắm.

8
0
Would love your thoughts, please comment.x
()
x