\n \n

📚 TN Exam Prep

\n \n \n \n\n \n

Target Exams

\n \n

\n\n \n

\n Study Streak\n {{ studyStreak }} days\n

\n Avg Score\n {{ averageScore }}%\n

\n Best Score\n {{ bestScore }}%\n

\n\n \n

\n \n

\n {{ getExamIcon(selectedExam) }}\n {{ getExamName(selectedExam) }}\n

\n \n

\n\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Select a section to get started

\n\n \n

\n `\n})\nexport class AppComponent implements OnInit {\n activeView = 'dashboard';\n selectedExam: ExamType | null = null;\n currentUser: User | null = null;\n targetExams: ExamType[] = [];\n isLoading = false;\n studyStreak = 0;\n averageScore = 0;\n bestScore = 0;\n\n navigationItems = [\n { id: 'dashboard', label: 'Dashboard', icon: '🏠' },\n { id: 'roadmap', label: 'Roadmaps', icon: '🗺️' },\n { id: 'materials', label: 'Materials', icon: '📚' },\n { id: 'tracker', label: 'Progress', icon: '📊' },\n { id: 'bookmarks', label: 'Bookmarks', icon: '🔖' }\n ];\n\n constructor(\n private apiService: ApiService,\n private examService: ExamService,\n private progressService: ProgressService\n ) {}\n\n ngOnInit(): void {\n this.loadInitialData();\n this.subscribeToProgress();\n }\n\n private async loadInitialData(): Promise {\n this.isLoading = true;\n \n try {\n // Load demo user\n const userResponse = await this.apiService.getDemoUser().toPromise();\n if (userResponse?.success && userResponse.data) {\n this.currentUser = userResponse.data;\n this.targetExams = userResponse.data.targetExams;\n \n // Select first exam by default\n if (this.targetExams.length > 0) {\n this.selectExam(this.targetExams[0]);\n }\n }\n } catch (error) {\n console.error('Failed to load initial data:', error);\n } finally {\n this.isLoading = false;\n }\n }\n\n private subscribeToProgress(): void {\n this.progressService.scores$.subscribe(scores => {\n this.averageScore = this.progressService.getAverageScore();\n this.bestScore = this.progressService.getBestScore();\n });\n }\n\n setActiveView(view: string): void {\n this.activeView = view;\n }\n\n selectExam(examType: ExamType): void {\n this.selectedExam = examType;\n this.examService.selectExam(examType);\n \n // Load progress data for selected exam\n if (this.currentUser) {\n this.progressService.loadTestScores(this.currentUser.id, examType).subscribe();\n this.progressService.loadUserProgress(this.currentUser.id, examType).subscribe();\n this.studyStreak = this.progressService.getStudyStreak(this.currentUser.id);\n }\n }\n\n getActiveViewTitle(): string {\n const titles: { [key: string]: string } = {\n dashboard: 'Dashboard',\n roadmap: 'Study Roadmaps',\n materials: 'Study Materials',\n tracker: 'Progress Tracker',\n bookmarks: 'Bookmarks'\n };\n return titles[this.activeView] || 'Tamil Nadu Exam Preparation';\n }\n\n getActiveViewDescription(): string {\n const descriptions: { [key: string]: string } = {\n dashboard: 'Overview of your exam preparation journey',\n roadmap: 'Structured study plans for your target exams',\n materials: 'Curated study resources and materials',\n tracker: 'Track your progress and test scores',\n bookmarks: 'Your saved resources and important links'\n };\n return descriptions[this.activeView] || '';\n }\n\n getExamName(examType: ExamType): string {\n const examInfo = this.examService.getExamInfo();\n return examInfo[examType]?.name || examType;\n }\n\n getExamIcon(examType: ExamType): string {\n const examInfo = this.examService.getExamInfo();\n return examInfo[examType]?.icon || '📝';\n }\n\n refreshData(): void {\n if (this.currentUser && this.selectedExam) {\n this.isLoading = true;\n \n Promise.all([\n this.progressService.loadTestScores(this.currentUser.id, this.selectedExam).toPromise(),\n this.progressService.loadUserProgress(this.currentUser.id, this.selectedExam).toPromise()\n ]).finally(() => {\n this.isLoading = false;\n });\n }\n }\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/angayarb/StudyPlanner/code/frontend/components/app.component.ts","extension","actionData","errors"]