MyFlix- React App (Client-Side)
Developed the client-side of the myFlix movie app using React, connecting to a REST API and database built in a prior project. The app provides users with the ability to browse movies, view details, and manage personal profiles, offering a polished, responsive single-page application (SPA) experience.
Tech Stack:
Frontend: React, React Router, JavaScript (ES6+), Bootstrap, Parcel
Backend Integration: Node.js, Express, MongoDB (REST API)
Optional State Management: React Redux (for movie filtering)
Tools & Practices: Git/GitHub, responsive design, SPA routing
User Stories:
As a user, I want to view all movies so I can browse available titles.
As a user, I want to search and filter movies so I can find titles of interest.
As a user, I want to see detailed information (description, genre, director) for a single movie.
As a user, I want to create an account so I can save my favorite movies.
As a user, I want to log in and update my profile so I can manage my account details.
As a user, I want to add/remove favorite movies to personalize my list.
As a user, I want the option to deregister if I no longer want to use the app.
Key Features:
Main view with full movie list, search functionality, and navigation.
Single movie view with extended details (genre, director, description, image).
Login and signup views for authentication and registration.
Profile view with user details, ability to update account info, and manage favorites.
Responsive design for desktop and mobile.
Optional views for genre and director information.
Highlights & Deliverables:
Built a single-page application with client-side routing.
Used Parcel as a build tool for efficient bundling.
Implemented Bootstrap for styling and responsiveness.
Structured code with function components and modern ES6+ syntax.
Hosted the app online for public access and portfolio presentation.
Expanded functionality with optional features like genre, director, and actor views.