🎓 Student Management System

A modern and responsive Student Management System dashboard. This project focuses on providing a clean administrative interface for managing student data, built with a utility-first approach using Tailwind CSS and dynamic Vanilla JavaScript.

🚀 Features

• Student Data Table: Organized view of student records with status indicators.
• Search Functionality: Real-time filtering to find specific students quickly.
• Interactive Modals: User-friendly forms for adding or editing student information.
• Fully Responsive: Optimized for a seamless experience on desktop.

🛠️ Tech Stack

• Frontend: HTML5, Modern JavaScript (ES6+)
• Styling: Tailwind CSS (v3/v4)
• Workflow: Git & GitHub

📂 Project Structure

├── MANAGEMENT SYSTEM/ 
├── js/                  # Source files (main logic & styles)
│   ├── script.js        # JavaScript modules
    ├── etudiants.js     # Fullstack-App-Root
    ├── constants.js     # Student-Management-API
│   └── .gitignore       # File git ignoregit 
├── node_modules         # Tailwind CSS configuration
├── etudiants.json       # json file 
├── index.html           # Web Application Root
├── package.json         # Project metadata and dependencies
├── package-lock.json    # Node Modules Config
└── README.md            # Project documentation

⚙️ Setup & Installation

1. Clone the repository

git clone [email protected]:zikou058/Management-System-For-Student.git

cd Management-System-For-Student

2. Install Dependencies

npm install

2. Setup JSON Server (The Database)

This project uses json-server to manage student data.

To install it globally (if you haven't already):

npm install -g json-server

To start the server: Run the following command to launch the database on port 3000:

npx json-server etudiants.json --port 3000