GSOC 2021: Angular Migration Project with Oppia Foundation.

gsoc.md

Google Summer of Code 2021 Final Work Product

Student	Ashutosh Chauhan
Github	@ashutoshc8101
Organisation	oppia
Project	Angular Migration

Aim

This project aims to introduce angular router in the codebase, migrate 25 pages to it and migrate some crucial directives from angularjs to angular.

Relevent Docs:

• Proposal: https://docs.google.com/document/d/17LSN93KaJmEZ7k5Sjli_wfz4TEsiHMPEjcXQeFtLAL4/edit?usp=sharing
• Route guard implementation doc: https://docs.google.com/document/d/1MIVIa_rcxdywrjFp6fe6IZGBznZQU4RkTzKWadKHAg4/edit?usp=sharing
• Route guard vs internal validation doc: https://docs.google.com/document/d/10Qxh9RsmVHQAadjO4uJkhYeZGboSee53LoVadc60-q0/edit?usp=sharing

Milestone 1:

Goals Achieved:

• Admin, classroom, profile and preferences pages are migrated from angularjs to angular.
• In addition following directives and services are migrated to angular:
  • oppia footer directive
  • i18n footer directive
  • topic summary tile directive
  • base content directive
  • topic editor state service
  • topic editor routing service
  • subtopic validation service
  • topic editor navbar breadcrumb directive
  • question difficulty selector directive
  • subtopic preview tab directive
  • topic preview tab directive
  • preview thumbnail directive

Code:

1. PR oppia#13125 Migrates Admin page to angular
2. PR oppia#13127 Migrates Classroom Page to angular
3. PR oppia#13003 Migrates oppia footer directive to angular
4. PR oppia#12925 Migrates i18n footer directive to angular
5. PR oppia#12371 Migrates base content directive to angular
6. PR oppia#12926 Migrates profile page to angular
7. PR oppia#13219 Migrates preferences page to angular
8. PR oppia#12878

   Migrates following to angular:
   
   Services:
   Topic Editor State Service
   Topic editor routing service
   Subtopic validation service
   
   Directives:
   Topic editor navbar breadcrumb
   Question difficulty selector
   
   Tabs:
   Subtopic preview tab
   Topic preview tab
   

9. PR oppia#12870 Migrates preview thumbnail directive

Milestone 2:

Goals Achieved:

• Introduced angular router in the codebase.
• Library, signup and stewards landing pages are migrated to angular and then angular router.
• 22 other pages are migrated to angular router.

Code:

1. PR oppia#13305 Introduce angular router and migrate about page to it
2. PR oppia#13498 Migrate Library page to angular
3. PR oppia#13414 Migrate signup page to angular
4. PR oppia#13582 Migrate signup page to angular router
5. PR oppia#13415 Migrate stewards landing page to angular
6. PR oppia#13483 Migrate 13 static pages to angular router
7. PR oppia#13533 Migrate 10 more pages to angular router

Social:

Presentation about my project

Progress:

All the proposed work is completed during the gsoc period. You can use the final outcome at oppia.org

The proposed milestone had planned migration of 25 pages to router which is completed. But still there are many pages left that can be migrated to router.