MyMovies

MyMovies is a React-based app where users can register and log in, and find a list of movies that they can add to their favorites list. Users can see the summary, director, and genre information of each movie. Users can also change their user information, and once done the user can either log out or delete their user.

Objective

Using React, build the client-side for an app called myFlix based on its existing server-side code (REST API and database).

Table of Contents

• Features
• Screenshots
• Technical_Requirements
• Dependencies

Features

• This app returns a list of ALL movies to the user (each movie item with an image, title, and description)
• Each movie card has the ability to be clicked to reveal data (description, genre, director, image) about a single movie to the user
• This app allows the user to filter the list of movies with a “search” feature
• This app allows the user to select a movie for more details
• This app allows users to register (username/password/email/birthday), login (username/password), and log out.
• This app allows users to update their info (username, password, email, date of birth)
• This app allows existing users to deregister
• This app allows users to add or remove a movie to/from their list of favorites Displays user registration details
• Profile view displays the user's favorite movies

Screenshots

Technical_Requirements

• The application is a single-page application(SPA)
• The application uses state routing to navigate between views and share URLs
• The application gives users the option to filter movies using a “search” feature
• The application uses Parcel as its build tool
• The application is written using the React library and in ES2015+
• The application uses Bootstrap as a UI library for styling and responsiveness
• The application contains function components
• The application is hosted online using Netlify

Dependencies

• React
• Parcel (development)
• Bootstrap