🎓 Student Management System

A React-based web application designed for CSE-D students of Keshav Memorial Institute of Technology (Batch 2020-2024). This platform helps in managing student details, projects, achievements, extracurricular activities, and registration forms seamlessly.

🌟 Features

✅ Student Details Management – Store and view student profiles.
✅ Projects Section – Keep track of students' academic and personal projects.
✅ Achievements – Showcase awards, certifications, and accomplishments.
✅ Extracurricular Activities – Highlight students’ participation in clubs and events.
✅ Registration Form – Streamlined student registration process.

🛠️ Tech Stack

• Frontend: React.js, React Router
• Styling: CSS
• State Management: React State
• Routing: React Router

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/your-username/StudentManagementSystem.git

2️⃣ Navigate to the project directory

Run the following commands: cd StudentManagementSystem then cd sma

3️⃣ Install Dependencies

npm install

4️⃣ Run the Project

npm start - The app will be available at http://localhost:3000 🚀

📂 Project Structure

StudentManagementSystem/sma/
│-- src/
│   ├── components/
│   │   ├── NavBar.js
│   │   ├── Home.js
│   │   ├── StudentDetails.js
│   │   ├── Projects.js
│   │   ├── Achievements.js
│   │   ├── ExtraCurricular.js
│   │   ├── RegistrationForm.js
│   │   ├── style1.css
│   │   ├── style2.css
│   │   ├── style3.css
│   │   ├── style4.css
│   │   ├── style5.css
│   │   ├── style6.css
│   ├── App.js
│   ├── index.js
│   ├── App.css
│-- public/
│-- package.json
│-- README.md

Live Demo