https://github.com/tyronejosee/prototype_angular
Web application built with Angular, serving as a prototype for school management. It features modules for authentication, dashboard, subjects, notes, notifications, reports, calendar, and teacher management.
https://github.com/tyronejosee/prototype_angular
angular pnpm rxjs tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Web application built with Angular, serving as a prototype for school management. It features modules for authentication, dashboard, subjects, notes, notifications, reports, calendar, and teacher management.
- Host: GitHub
- URL: https://github.com/tyronejosee/prototype_angular
- Owner: tyronejosee
- License: mit
- Created: 2025-07-06T21:21:27.000Z (12 months ago)
- Default Branch: develop
- Last Pushed: 2025-07-06T22:12:14.000Z (12 months ago)
- Last Synced: 2025-07-06T23:22:54.008Z (12 months ago)
- Topics: angular, pnpm, rxjs, tailwindcss, typescript
- Language: HTML
- Homepage: https://prototype-angular.vercel.app
- Size: 80.1 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Web application built with Angular, serving as a prototype for school management. It features modules for authentication, dashboard, subjects, notes, notifications, reports, calendar, and teacher management.
## Project Structure
```bash
prototype_angular/
│
├── angular.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
│
├── src/
│ ├── app/
│ │ ├── core/
│ │ │ ├── guards/
│ │ │ ├── models/
│ │ │ └── services/
│ │ ├── features/
│ │ │ ├── annotations/
│ │ │ ├── auth/
│ │ │ ├── calendar/
│ │ │ ├── dashboard/
│ │ │ ├── notifications/
│ │ │ ├── reports/
│ │ │ ├── subjects/
│ │ │ └── teachers/
│ │ ├── layout/
│ │ │ └── main-layout/
│ │ └── shared/
│ │ └── components/
│ ├── assets/
│ ├── global_styles.css
│ ├── index.html
│ └── main.ts
│
└── README.md
```
## ✨ Features
- **User authentication** (login/logout)
- **Dashboard** with key data summary
- **Management of subjects, annotations, notifications, reports, calendar, and teachers**
- **Responsive design** using Tailwind CSS
- **Simulated (mock) data loading** via Angular services
- **Protected routes** using [`AuthGuard`](src/app/core/guards/auth.guard.ts)
- **Standalone components** and modular architecture
## Installation
Clone the repository.
```sh
git clone git@github.com:tyronejosee/prototype_angular.git
cd prototype_angular
```
Install the dependencies.
```sh
pnpm install
```
Run the development server.
```sh
pnpm start
```
> Access the application at [http://localhost:4200](http://localhost:4200).
## 📌 Notes
- This project is a prototype and uses mock data in the services.
- For production, adapt the services to consume a real API.
## ⚖️ License
This project is under the [MIT LICENSE](./LICENSE).