Share Source Code Website ReactJS Phòng Chống Bạo Lực Gia Đình (Đồ Án)

Full Source Share Source Code Website ReactJS Phòng Chống Bạo Lực Gia Đình

🌐 CHỨC NĂNG NGƯỜI DÙNG (USER)

1️ – Trang chủ

• Hiển thị giới thiệu ngắn về website
• Banner tuyên truyền phòng chống bạo lực gia đình
• Nút “Thoát nhanh”
• Hiển thị bài viết nổi bật
• Hiển thị hotline khẩn cấp
• Truy cập nhanh tới: Gửi phản ánh – Chat AI – Hỗ trợ

2️ – about – Giới thiệu

• Giới thiệu mục tiêu website
• Đối tượng phục vụ
• Cam kết bảo mật thông tin

3️ – knowledge – Kiến thức phòng chống

• Danh sách bài viết theo chủ đề
• Phân loại: bạo lực thể chất, tinh thần, kinh tế, tình dục
• Tìm kiếm bài viết
• Xem chi tiết bài viết

4️⃣ /law – Thông tin pháp luật

• Nội dung tóm tắt Luật Phòng, chống bạo lực gia đình
• Quyền và nghĩa vụ của nạn nhân
• Hướng dẫn tố cáo
• Văn bản pháp lý liên quan

5️⃣ /support – Danh bạ hỗ trợ

• Danh sách hotline khẩn cấp
• Danh sách cơ quan công an
• Trung tâm bảo trợ xã hội
• Tìm kiếm theo tỉnh/thành
• Bấm gọi nhanh trên điện thoại

6️⃣ /contact – Liên hệ

• Form gửi tin nhắn
• Nhập: họ tên (tùy chọn), email, nội dung
• Gửi về email quản trị
• Thông báo gửi thành công

7️⃣ /report – Gửi phản ánh / yêu cầu hỗ trợ

• Cho phép gửi ẩn danh
• Nhập thông tin vụ việc
• Đính kèm hình ảnh (nếu có)
• Chọn mức độ khẩn cấp
• Lưu vào hệ thống để admin xử lý
• Thông báo tiếp nhận thành công

8️⃣ /chat – Chatbox AI

• Chat thời gian thực
• Tư vấn kiến thức cơ bản
• Gợi ý hotline phù hợp
• Tự động xóa sau thời gian không hoạt động

🔐 CHỨC NĂNG QUẢN TRỊ (ADMIN)

11️⃣ /admin – Dashboard

• Thống kê số người dùng
• Thống kê số phản ánh
• Thống kê bài viết
• Thống kê lượt truy cập 

12️⃣ /admin/posts – Quản lý bài viết

• Thêm bài viết
• Sửa bài viết
• Xóa bài viết
• Ẩn/hiện bài viết
• Phân loại bài viết

13️⃣ /admin/reports – Quản lý phản ánh

• Xem danh sách phản ánh
• Xem chi tiết nội dung
• Đánh dấu đã xử lý
• Xuất báo cáo thống kê
• Phân loại theo mức độ khẩn cấp

🔒 Chức năng bảo mật bổ sung (RẤT NÊN CÓ)

• Đăng nhập tài khoản admin

• Nút Thoát nhanh
• Xóa session khi đăng xuất

HÌNH ẢNH DEMO

Hướng dẫn cài đặt website

• • Import folder code vào Sisual Studio CodeSau đó: npm install, npm run dev để run 
  • Liên hệ shop để được cấp quyền sử dụng firebase

Hỗ trợ cài đặt sau khi mua code vui lòng liên hệ ZALO hoặc FACEBOOK