Code đồ án ứng dụng web quản lý cửa hàng thú cưng bằng PHP & React JS – môn phát triển web nâng cao+ báo cáo

Code đồ án ứng dụng web quản lý cửa hàng thú cưng bằng PHP & React JS – môn phát triển web nâng cao+ báo cáo

Công nghệ, ngôn ngữ lập trình: 

• API: Cung cấp các endpoints cần thiết để thực hiện việc lấy, cập nhật dữ liệu. Ngôn ngữ lập trình PHP và hệ CSDL MySQL.
• FrontEnd: Sử dụng React JS

Công cụ sử dụng

Công cụ lập trình: Visual Studio Code

Môi trường giả lập máy chủ web chạy các ứng dụng web: Xampp

Công cụ quản lý các package, dependencies, và các tài nguyên: Composer.

Hệ thống quản lý: Git

Giao diện trang chủ

Loại thú cưng

Thú cưng nổi bật và thú cưng hiện có

Đăng ký nhận thông báo qua email khi có thú cưng mới được thêm vào (không cần đăng nhập, chỉ cần điền email)

Đăng ký

Người dùng có thể thêm thú cưng vào album (nếu có đăng nhập)

Thông tin điền gồm:

• Chọn danh mục
• Trạng thái cảm xúc
• Upload hình ảnh (bên tab Thông tin khác)

chi tiết thú cưng

Bình luận thì phải đăng nhập

Có thể thêm nhiều thú cưng vào giỏ hàng

Admin

danh mục thú cưng hiện có

Thêm danh mục thú cưng bao gồm:

• Tên danh mục
• Slug
• Mô tả
• Trạng thái (nếu 1 thì ẩn đi, mặc định là 0 thì hiển thị)

Xem thú cưng

Thêm thú cưng điền các thông tin

Chức năng:

• Trang chủ: Giới thiệu về website và các sản phẩm nổi bật.
• Danh mục thú cưng: Các danh mục sản phẩm được chia theo từng loại thú cưng như: chó, mèo, thỏ, v.v.
• Hiển thị danh sách thú cưng: Website cần hiển thị danh sách các sản phẩm thú cưng mà cửa hàng đang bán, bao gồm hình ảnh, mô tả và giá cả. 
• Hiển thị thông tin chi tiết của thú cưng: Cung cấp mô tả chi tiết về thú cưng, giá bán, giá giảm, lượt xem, thêm vào giỏ hàng
• Đăng ký tài khoản: Khách hàng có thể đăng ký tài khoản để mua hàng và bình luận
• Đánh giá sản phẩm: Khách hàng có thể bình luận về thú cưng
• Mua hàng và thanh toán: Khách hàng có thể thanh toán trực tuyến bằng Stripe
• Danh mục sản phẩm (Bộ sưu tập): Các sản phẩm được phân loại theo danh mục để khách hàng dễ dàng tìm kiếm.
• Hiển thị thông tin liên lạc, bản đồ, …

1. Các chức năng cơ bản dành cho người quản trị:

• Đăng nhập, đăng xuất.
• Xem, cập nhật thú cưng.
• Xem danh sách bình luận
• Kiểm tra và quản lý các đơn hàng

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

Yêu cầu môi trường

composer

NodeJS

Xampp 8.2.4 / PHP 8.2.4

Cài đặt Database

Mở Xampp nhấn start Apache và nhấn start MYSQL

truy cập url http://localhost/phpmyadmin/ và tạo database mới đặt tên là petshop

Cài đặt laravel api

Gõ các lệnh:

cp .env.example .env

vào .env vừa tạo sửa DB_DATABASE=petshop

Gõ lệnh composer install nếu không được thì gõ composer update

Gõ lệnh php artisan key:generate

Gõ lệnh php artisan migrate:fresh –seed

Để chạy dự án php artisan serve

Cài đặt react project

cài đặt yarn bằng lệnh:

npm install –global yarn

Sau đó gõ các lệnh:

yarn install

Để chạy dự án

yarn start