Student Management System

A React-based Student Management System for managing student records. It includes authentication and full CRUD operations (Create, Read, Update, Delete) to help administrators handle student data efficiently.

Email=admin@studentmanager.page.gd&Password=kenSh1@77#

---

🚀 Features

• 🔑 Authentication (Login / Logout with session management)
• 🔒 Secure and reliable authentication
• 👩‍🎓 Add, View, Update, Delete Students
• 📋 Student List Management with a clean UI
• ⚡ SPA with React Router – seamless navigation without reloads
• ☁️ Firebase Hosting with custom domain and free SSL
• 🌐 Cross-browser compatibility

---

🛠️ Tech Stack

• Frontend: React with React Router DOM
• Icons: FontAwesome
• State Management: React hooks & localStorage
• Hosting: Firebase Hosting

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/KnOX-07/StudentManager.git
   cd StudentManager

2. Install dependencies:

   npm install

3. Run locally:

   npm start

   App will be available at: http://localhost:3000

---

📂 Project Structure

firebase-app
    └── src
        ├── App.css
        ├── App.js
        ├── App.test.js
        ├── controller
        │   └── authController.js
        ├── index.css
        ├── index.js
        ├── logo.svg
        ├── model
        │   ├── authModel.js
        │   └── firebaseConfig.js
        ├── reportWebVitals.js
        ├── setupTests.js
        ├── styles.css
        └── view
            ├── LoginPage.js
            ├── Sidebar.js
            ├── StudentFormModal.js
            └── StudentsPage.js