Overview
myFlix is a responsive Single Page Application (SPA) built with React. It serves as the client-side
interface
for the movie API I built. It allows users to browse a collection of movies, view details about
directors and genres,
and manage their user profile.
Objective
The goal was to build a complete frontend application using React's component-based architecture.
Key challenges included managing state across the application (using Redux), implementing client-side
routing,
and styling with Bootstrap to ensure responsiveness on all devices.
Tech Stack
- React: For building the user interface components.
- Redux: For state management (storing movies and user data).
- React Router: For navigation between views without reloading the page.
- Bootstrap: For responsive grid layouts and styling.
- Parcel: Build tool used to bundle the application.
Key Features
- User Accounts: Users can sign up, log in, and edit their profile details.
- Movie Views: Display all movies or click on a specific movie for a detailed view.
- Favorites: Users can "like" a movie to add it to their personal favorites list.
- Search/Filter: Real-time filtering of movies by title.
← Back to Work