Media Watch List - Information at your fingertips

https://media-watchlist.vercel.app/

Table of Contents

1. About The Project
   • Built With
2. Example Usage
3. Running Local
4. Roadmap
5. Contact
6. Acknowledgments

About the Project

Tired of your kid Cars 3 for the 100th time? Excited about the newest Marvel release but not sure it is appropriate for you kid?

Media Watch List is a website that aggregates information from movie databases for a user to easily like or add a movie to a watchlist. The market for our project is specifically parents of young children, who need an easy way to save movie recommendations and find relevant information before showing their child a new movie. No more scrolling endlessly through various notes in your note app to remember where you stashed recommendations from friends, you can save your movies in an organized and informative way using our website.

We use data from:

OPEN IMDB - an open source version of the IMDB Database
IMDB - Parent's Guide - A summary of each movie's categories, ranging from Sex & Nudity, Violence and Gore, Profanity, etc
Common Sense Media - Reviews of Movies for suitability for children
JustWatch - Find which service to stream or buy the movie

(back to top)

Built With

Front End

• React.js
• Redux
• Bootstrap
• React Icons
• Open IMDB

Back End

• Express
• Sequelize
• PostgreSQL
• bcrypt

(back to top)

Example Usage

Logging into the app

Register an account

Once logged in, you can search details for movies (By default the websites searches for Toy Story)

Searching for "The Matrix" will update the results without through React without reloading the page

Clicking the "+" sign will add the movie to your watchlist

Click "More Info" to find out more about the movie

Within the "More Info" page, you can find movie information, and links to the IMDB Parents Guide, Common Sense Media, and where to stream the movie

Click each of those links will open up a separate tab with the information from the services

IMDB Parents Guide

Common Sense Media

JustWatch - Where to stream it

Go to your Watchlist to see a your saved movies

Click "Delete" to remove the movie from your watchlist when you no longer need it.

Click the Person Icon to Go to your account page

Here you can Update your email or password, or logout.

Click the logout when you are done with the website. Thanks for using it!

(back to top)

Running Local

To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g!
  

Installation

1. Get a free API Key at http://www.omdbapi.com/apikey.aspx
2. Clone the repo

   git clone gh repo clone smhenderson89/media-watchlist 

3. Install NPM packages

   npm install

4. Enter your API in MediaList.js

   process.env.REACT_APP_API_KEY = 'ENTER YOUR API';

(back to top)

Roadmap

• Stretch Goal: Add additional media types - books, music, app
• Stretch Goal: Add additional ways to login to website (Gmail)

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

Scott Henderson
Github: https://github.com/smhenderson89
LinkedIN: https://www.linkedin.com/in/scottmchenderson/
Portfolio: https://scotthenderson.netlify.app/

Julia Szymanski
Github: https://github.com/julszymanski

Mike Woolf
Github: https://github.com/mwoolf87

(back to top)

Acknowledgments

• The DigitalCrafts Teachers and Teaching Assistants
• Free Icons: https://www.freeiconspng.com/

(back to top)