Demo quản lý sinh viên CRUD

  • Trang đăng nhập image

  • Trang đăng kí image

  • Home page image

  • Modal thêm thông tin sv image

  • Modal update thông tin sv image

Công cụ sử dụng: ReactJS và NodeJs(framework Sailjs)

  • HTML, JS, CSS
  • React Bootstrap
  • ContextAPI
  • ReactHook
  • JsonWebToken

Mô tả chức năng chính:

  • Trang chủ: Chỉ hiển thị các sinh viên do người dùng đang đăng nhập tạo ra
  • User:
    • User có thể đăng ký tài khoản, đăng nhập (JWT auth)
    • User có thể tạo thêm sinh viên, sửa thông tin sinh viên hoặc xóa, upload ảnh cho sinh viên, tìm kiếm sinh viên

Khởi chạy project

# Clone the repository
git clone https://github.com/kimquan2kvn/Full-Stack-Basic.git

# Go inside the directory
cd crud-basic-student

# Install dependencies
cd app
npm install

# Install dependencies
cd client
npm install

# Start development server
cd app
nodemon app.js

# Build for production
cd client
npm start