MyFlix - Angular App
Developed the client-side of myFlix, a single-page responsive movie app, using Angular to connect with a REST API and database built in a prior project. The application enables users to explore movies, directors, and genres, as well as manage personal profiles and favorite movies.
Tech Stack:
Frontend: Angular (v9+), TypeScript, Angular Material, HTML5, SCSS
Backend Integration: Node.js, Express, MongoDB (REST API)
Tools & Practices: Git/GitHub, Agile (user stories, story points, kanban board), GitHub Pages (deployment)
Documentation: Typedoc (code comments), JSDoc (technical documentation)
User Stories:
As a user, I want to register and log in so I can create and manage my account.
As a user, I want to view a list of all movies so I can browse titles.
As a user, I want to click on a movie to view details (description, director, genre).
As a user, I want to see more about a director or genre to learn about movie creators and styles.
As a user, I want to add/remove favorite movies to personalize my experience.
As a user, I want to update or delete my profile so I can keep my account current or close it.
Key Features:
Authentication: user registration and login with Angular Material forms.
Movie catalog with individual movie, director, and genre views.
Profile management with the ability to update details and manage favorites.
Responsive design for seamless use across devices.
Highlights & Deliverables:
Implemented Angular routing and reusable components.
Used Agile methodology with a kanban board, story points, and user flows.
Wrote clear handoff documentation and added codebase comments for developer collaboration.
Practiced technical and non-technical interview preparation alongside project development.
Hosted final version on GitHub Pages and integrated into portfolio.