CineMatch

Check out CineMatch online! Use FireFox for the best experience.

Also checkout the Back End

Project Description

CineMatch is a movie database where users can explore new movies, search movies, and get detailed information about movies. Users will be able to login/register, add movies to a “Favorites” and a “Want to Watch” list, and also be able to search for movies and post/view reviews.

Technologies Used

• Angular - 11.0.6
• Typescript - 4.1.3
• Material - 11.1.0
• Bootstrap - 4.6.0
• HTML5
• CSS3
• Font Awesome
• TMDB API

Features

User can:

• login / logout
• Create an account
• Comment on a movie and delete their comment
• Like a movie and view their liked movies
• Add a movie to watch list and view their list
• View list of random movies, tending movies, and movies to explore
• Search a movie by name

To-do

• Friend List
• Random Movie Filters (Language, rating, genre)
• Profile Pictures
• UI polish
• Trailer playback
• Interface with third party streaming APIs

Getting Started

1. Have your environment set-up for Angular development
2. Run git clone https://github.com/2012JavaReston/MovieApp-FrontEnd.git
3. Run npm install
4. Run ng serve --open

To connect to a local database:

1. Navigate to MovieApp-BackEnd and follow their set 'Getting Started' guide
2. In the MovieApp-FrontEnd, navigate to src/app/services/api.service.ts and change the baseUrl variable to your own local instance of the BackEnd server.
   • Example: private baseUrl = 'http://localhost:8080/MovieApp/api/'

Usage

Landing: http://localhost:4200/

Login: http://localhost:4200/login

Register: http://localhost:4200/register

Home: http://localhost:4200/home

Search: http://localhost:4200/search/:movie

Liked: http://localhost:4200/liked

Movie Info: http://localhost:4200/movieInfo/:id

Profile: http://localhost:4200/profile/:username

Watch List: http://localhost:4200/watch

Contributors

Lester Young, Andrew Gee, Jeff Enriquez, Alec Sherlock, Ryan Murray