stevebaros / client-flix

myFlix-client

Description

This project was part of the Career Foundry Full Stack Web Development course.

Single-page application (SPA) built using React that fetches data from the movie API (i.e., myflixapi92).

Check it live here.

Views and Features

Main view

• Returns a list of all movies to the user (each listed item with an image and title)
• Ability to select a movie for more details

Single movie view

• Returns data (description, genre, director, image) about a single movie to the user
• Allows users to add a movie to their list of favorites

Login view

• Allows users to log in with a username and password

Registration view

• Allows new users to register (username, password, email, birthday)

Genre view

• Returns data about a genre, with a name and description
• Displays example movies

Director view

• Returns data about a director (name, bio, birth year, death year)
• Displays example movies

Profile view

• Allows users to update their user info (username, password, email, date of birth)
• Allows existing users to deregister
• Displays favorite movies
• Allows users to remove a movie from their list of favorites.

Set up

• Clone the repository running git clone https://github.com/cladg92/myFlix-client.git in the terminal.
• Head to the project folder and install dependencies with npm install.
• Run npm run start to build and start the application.

Technologies

MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS), Parcel, Axios, React-Bootstrap, React Router DOM, Redux