An embedded dashboard module for administering student assessments, tracking progress, and generating personalized study plans. Integrates with Firestore for secure, real-time data management.
This module solves the problem of manually tracking student progress by providing a structured, seamless way to assess students and direct them to relevant syllabus materials. It is designed as an embedded component within a larger educational dashboard.
- Beautiful & Friendly UI: Built with Angular Material and Tailwind CSS for a modern, intuitive user experience.
- Persistent Progress Saving: Each step of an assessment is automatically saved to Firestore, ensuring users never lose their progress—even if their connection is interrupted.
- Personalized Study Plans: Automatically generates tailored learning paths for students based on their assessment results.
- Centralized Student Management: Teachers can view all student details and assessment history in one place.
- Fixed Assessment Structure: Provides a consistent and reliable testing framework.
- Framework: Angular
- Language: TypeScript
- UI Component Library: Angular Material
- Styling: Tailwind CSS, HTML, CSS
- Database: Firebase Firestore
-
Install the dependencies:
npm install
-
Serve the application:
ng serve
Navigate to
http://localhost:4200/in your browser. The app will automatically reload if you change any of the source files.
This module is designed for teachers within an educational dashboard:
- A teacher logs into the system.
- From the dashboard, the teacher selects a specific client (student).
- The teacher completes a fixed assessment on behalf of the student.
- The system saves progress at every step and generates a personalized study plan based on the results, directly tied to the syllabus.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.