https://github.com/dines-04/student-management-system-using-angularjs

This is a responsive student management system built with AngularJS, HTML, and CSS. It supports role-based access where admins can add, edit, or delete students, and users can view student details
https://github.com/dines-04/student-management-system-using-angularjs

angularjs css3 html5 responsive role-based-access

Last synced: about 2 months ago
JSON representation

This is a responsive student management system built with AngularJS, HTML, and CSS. It supports role-based access where admins can add, edit, or delete students, and users can view student details

• Host: GitHub
• URL: https://github.com/dines-04/student-management-system-using-angularjs
• Owner: DINES-04
• Created: 2025-06-14T12:53:55.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-06-14T13:17:59.000Z (12 months ago)
• Last Synced: 2025-06-14T14:26:06.441Z (12 months ago)
• Topics: angularjs, css3, html5, responsive, role-based-access
• Language: CSS
• Homepage: https://studentmanagementsystem04.netlify.app/#!/login
• Size: 926 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Student Management System

This project is a **responsive role-based Student Management System** built using **HTML, CSS (Flexbox & Media Queries), and AngularJS**. It supports admin and user roles, allowing:

- **Admins** to add, edit, and delete student records.

- **Users** to view the list of students.

- Full mobile, tablet, and desktop responsiveness using custom CSS.

---

## Features

- Role-based access (Admin/User)

- Add, edit, and delete student data

- Search functionality

- Fully responsive UI

- Styled with pure CSS and media queries

---

## Project Structure

├── index.html

├── dashboard.html

├── login.html

├── register.html

├── student-list.html

├── forget-password.html

├── css/

│ └── style.css # All responsive styles here

├── js/

│ └── app.js # AngularJS logic

---

## Screenshots

1. login.html

![image](https://github.com/user-attachments/assets/185f0ca4-7228-45ec-8846-292b4eca6f67)

2. forget-password.html

![image](https://github.com/user-attachments/assets/4c78b69a-a1a8-4049-9d4e-2588bda8bfe9)

3. register.html

![image](https://github.com/user-attachments/assets/3900ceb5-7487-485e-bd15-c6a30b3a5e41)

4. Admin dashboard

![image](https://github.com/user-attachments/assets/f4b9ae1b-ad23-4bf8-915d-1e3b5b843f85)

5. User Dashboard

![image](https://github.com/user-attachments/assets/5fc7e26f-328e-44b6-b3a7-9e92ca05f1f3)

6. student-list.html

![image](https://github.com/user-attachments/assets/ec81ac36-9107-4faa-bf76-21fa7fdc5c41)

---

## How to Run Locally

1. Clone the repository:

  ``` bash[]

   git clone https://github.com/your-username/student-management-dashboard.git

```

2. Navigate to the project folder:

   ``` bash

   cd student-management-dashboard

   ```

3. Open index.html in your browser.

---

## Contributing

If you wish to contribute to this project, please create a pull request with a detailed description of your changes.

---

## Acknowledgements

Thanks to the developers of the external libraries used in this project.