MovieMobs
A Case Study in Modernizing an Angular Application
What to be done?
Along my training at CareerFoundry.com I was assigned several tasks
that aimed at the final building of an app related to movies...
My Role
Sole Developer
Responsible for setup, UI/UX, API integration, and debugging
Duration
3 Weeks
Tech Stack
Angular 19 (Standalone)
Angular Material 19
TypeScript & RxJS
SCSS
REST API
The Process & Challenges
The primary challenge was that the course materials were based on a
previous version of Angular...
Challenge 1: Architecture
From Legacy NgModule to Modern Standalone Components...
Challenge 2: UI Modernization
Angular Material's theming syntax changed...
Challenge 3: API Integration
Runtime errors arose from changes in how animation providers were
loaded...
The Final Solution
The result is a fully functional and modern Angular application...
Key Learnings & Future Steps
Key Learnings
This project was a critical lesson in the rapid evolution of web
development...
Future Steps
- A browsable movie gallery
- Detailed movie view pages
- User-specific favorite lists
- Deployment to cloud platform with CI/CD pipeline
View the Project
Frontend
Backend
