React.js - Assignment 05 - React Form

• React.js - Assignment 05 - React Form
  • Overview
  • Tech Stack
  • Features
  • Prerequisites
    • Environment
    • Project Structure
  • Getting Started
  • Author

Overview

Đây là bài tập thực hành xây dựng UI với React.js và quản lý state với Redux, áp dụng việc quản lý sinh viên (CRUD)

Tech Stack

• React 19 + Vite 8
• Tailwind CSS 4 + Flowbite 4
• Redux Toolkit 2 + React Redux 9

Features

• CRUD student
• Validate form
• Search student

Prerequisites

Environment

• Node.js
• Package manager: npm, yarn, or pnpm (repo có sẵn pnpm-lock.yaml)

Project Structure

./
│   .gitignore
│   eslint.config.js
│   index.html
│   package.json
│   pnpm-lock.yaml
│   README.md
│   vite.config.js
│
├───docs/
├───public/
│   └───images/
│
└───src
    │   App.jsx
    │   index.css
    │   main.jsx
    │
    ├───store/
    └───components/

Getting Started

# Install dependencies
pnpm install
# npm install
# yarn install

# Start the development server
pnpm run dev
# npm run dev
# yarn run dev

The app will be available at http://localhost:5173 by default.

Author

Khang Nguyen