Degree Flowchart UI – Angular Application (with DevContainer Support)

This repository contains the frontend UI for the Degree Flowchart System.
It is built with Angular, Material UI, and includes a VS Code DevContainer so contributors can run the project without installing Node or Angular locally.

---

Features

• Interactive degree planning UI
• Semester-wise course organization
• Prerequisite validation logic
• Credits calculator
• Integration-ready for backend microservices
• Fully containerized development environment
• No local Node/Angular setup required

---

🐳 Run Using VS Code DevContainer

This project includes a .devcontainer folder with a ready-to-use setup.

Steps:

1. Open the project in VS Code
2. Press: Ctrl/Cmd + Shift + P → “Reopen in Container”
3. VS Code will automatically:

• Build the dev container
• Install dependencies (npm install)
• Set up Node + Angular CLI inside the container

After the container starts, you're ready to run the app.

---

▶️ Start the Angular Application

Inside the DevContainer terminal:

npm start

This will run

ng serve --host 0.0.0.0 --port 4200

Open in browser -> http://localhost:4200

Useful Commands-

Task	Command
Install dependencies	npm install
Start dev server	npm start
Build production app	ng build
Lint	ng lint
Angular CLI help	ng help