1. Giới thiệu đề tài

Hệ thống quản lý thư viện được xây dựng bằng ReactJS nhằm hỗ trợ quản lý người dùng và quản lý sách một cách thuận tiện, nhanh chóng và trực quan. Ứng dụng giúp người dùng đăng ký tài khoản, đăng nhập vào hệ thống và thực hiện các chức năng quản lý sách như thêm, sửa, xóa và xem danh sách sách.

2. Mục tiêu của đề tài

• Tìm hiểu và áp dụng ReactJS trong phát triển giao diện web.
• Xây dựng giao diện quản lý thư viện thân thiện với người dùng.
• Thực hiện các chức năng cơ bản của một hệ thống quản lý sách.
• Rèn luyện kỹ năng quản lý trạng thái, điều hướng trang và thao tác dữ liệu trong ReactJS.

3. Chức năng chính của hệ thống

3.1. Chức năng đăng ký

Người dùng có thể tạo tài khoản mới bằng cách nhập các thông tin cần thiết như:

• Tên người dùng
• Email
• Mật khẩu
• Xác nhận mật khẩu

Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu trước khi lưu tài khoản.

3.2. Chức năng đăng nhập

Người dùng đăng nhập vào hệ thống bằng tài khoản đã đăng ký. Sau khi đăng nhập thành công, người dùng sẽ được chuyển đến trang quản lý thư viện.

3.3. Quản lý sách

Hệ thống hỗ trợ các chức năng quản lý sách gồm:

• Thêm sách:
  Người dùng nhập thông tin sách mới như tên sách, tác giả, thể loại, năm xuất bản.
• Sửa thông tin sách:
  Cho phép cập nhật thông tin của sách đã có trong hệ thống.
• Xóa sách:
  Người dùng có thể xóa sách khỏi danh sách quản lý.
• Hiển thị danh sách sách:
  Hiển thị toàn bộ danh sách sách dưới dạng bảng hoặc danh sách để dễ theo dõi và tìm kiếm.

4. Công nghệ sử dụng

• ReactJS
• React Router DOM
• CSS hoặc Bootstrap/TailwindCSS để thiết kế giao diện
• Local Storage hoặc API giả lập để lưu dữ liệu

5. Giao diện dự kiến

Hệ thống gồm các giao diện chính:

• Trang đăng nhập
• Trang đăng ký
• Trang danh sách sách
• Trang thêm/sửa sách