Student Management System – Frontend

A web-based Student Management System frontend that allows administrators and staff to manage student information efficiently. This project focuses on building a responsive, user-friendly interface and integrating with backend APIs for data management.

---

✨ Features

• Student management (view, add, update, delete student records)
• Responsive UI for desktop and mobile devices
• Form handling and basic validation
• Client-side routing for smooth navigation
• Clean and maintainable UI structure
• SCSS-based styling for reusable and scalable styles

---

🛠️ Technologies

• JavaScript
• React
• SCSS
• React Router
• REST API integration
• Git & GitHub

---

📂 Project Structure

DATN_NguyenPH/
├─ src/
│  ├─ components/      # Reusable UI components
│  ├─ pages/           # Application pages
│  ├─ services/        # API calls and services
│  ├─ styles/          # SCSS styles
│  └─ App.js           # Main app component
├─ public/
├─ package.json
└─ README.md

---

🚀 Getting Started

Prerequisites

• Node.js (v16 or later recommended)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/daoptph23912/DATN_NguyenPH.git

2. Navigate to the project directory:

cd DATN_NguyenPH

3. Install dependencies:

npm install

Run the project locally

npm run dev

The application will be available at:

http://localhost:3000

---

📸 Screenshots

You can add screenshots or GIFs of the application here to showcase the UI and main features.

---

📌 Role & Responsibilities

• Designed and implemented the frontend UI for the Student Management System
• Built reusable components and responsive layouts
• Integrated frontend with backend APIs
• Maintained project structure and source code on GitHub

---

📄 License

This project is for educational purposes.

---

📬 Contact

If you have any questions or suggestions, feel free to reach out:

• GitHub: https://github.com/daoptph23912

---

⭐ If you find this project useful, please consider giving it a star!