2025, Development
Role: Sole developer
Movie browsing made simple with Angular
A fully responsive single‑page movie application built with Angular and Angular Material. MyFlix enables users to browse through movies, dive into detailed views of directors and genres, and manage their user profiles with ease, all powered by a RESTful API backend and deployed via GitHub Pages.
Key Features
User Authentication – Log in or register using Angular Material forms with validation, powered by secure, token-based authentication
All Movies View – Browse a curated list of movies in a responsive card layout, styled for all device sizes
Single Movie Details – Discover in-depth information about selected movies along with quick-access buttons to explore director or genre specifics
Director & Genre Insights – Each director and genre has its own detailed view. Learn about a director’s biography or dive into a genre’s description
User Profile Management – Update your username, password, and email. You can also curate your favorites list, adding or removing movies with ease
Process
One of the core features of MyFlix is its user authentication system, which allows people to register for an account or log in with secure, token-based authentication. Once logged in, users can browse a full collection of movies displayed in a clean, card-based layout that adapts seamlessly to different screen sizes. Selecting a film reveals a detailed view with an overview of the movie, and users can quickly dive deeper into related information about the director or genre through dedicated detail pages.
Beyond browsing, the app empowers users to manage their own profiles. This includes updating personal details such as username, email, and password, as well as maintaining a personalized list of favorite movies. Favorites can be added or removed with a single click, giving users full control over their collections. This feature highlights the balance between functionality and ease of use that I strive to achieve in my design and development work.
On the technical side, the application demonstrates my familiarity with Angular’s component-driven architecture and the integration of Angular Material to ensure a polished, accessible interface. I also placed emphasis on proper documentation and maintainability by using JSDoc and Typedoc to provide clear technical references. The development process was guided by Agile principles, making use of user stories, story points, and a Kanban workflow to stay organized and focused.
Finally, the project was deployed on GitHub Pages, making it publicly accessible. This approach shows my ability to handle the full lifecycle of a front-end web application. MyFlix strengthened my skills in Angular and responsive design and gave me experience in aligning technical development with user needs.