Foday
Foday

myFlix Angular Client

Tech Stack

AngularTypeScriptRxJS Angular MaterialREST API

Description

myFlix is a full-featured movie database web application that allows users to explore, search, and manage their favorite movies. Built as an Angular Single Page Application (SPA), the project connects to a RESTful API backend and provides a seamless, interactive user experience with modern Angular best practices.

Features

  • User Authentication
    Secure login and registration with JWT-based token storage.
  • Movie Catalog
    Browse, filter, and search a diverse collection of movies, including details, genres, and directors.
  • Favorites Management
    Add or remove favorite movies, with instant feedback and persistent user profile updates.
  • User Profile
    View and update personal details, manage favorites, and delete your account.
  • Notifications
    User actions are confirmed and errors are reported using friendly toast notifications
  • Modular Architecture
    Components, services, and routing are structured for maintainability and scalability.
  • Accessibility: Designed for keyboard navigation and accessible to users with disabilities.

Highlights

  • Implemented state management and API calls with RxJS Observables and Angular services.
  • Integrated with a custom-built Node.js/Express backend REST API.
  • Applied Angular Material for consistent, professional UI/UX and rapid prototyping.
  • Included error handling and loading indicators for robust, user-friendly feedback.

Responsive Design

  • Fully responsive UI with Angular Material, optimized for both desktop and mobile users.

Portfolio