Lloydrp / movie-sagas

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Movie Management System

Description

Duration: 10 hrs

With this application you will no longer need to worry about keeping track of your movie descriptions, posters, and the genres they are a part of! This management application allows you to add movies with their title, a url to their poster, and the genres. It also allows editing and deleting if you no longer want a movie or if you found an error!

This application is both beautiful and responsive to your device, so you can view your favorite movies on your mobile phone or on your laptop!

With separate pages for the movie list, details, and edit/add, this application was a clean user experience that will make you want to track all your favorite films!

With additional features to come, such as sorting, searching, and custom genres, you will love this application!

Screen Shot

Home Page Add Movie Details Top Details Bottom

Prerequisites

Link to software that is required to install the app (e.g. node).

Installation

  1. Create a database named saga_movies_weekend,
  2. The queries in the database.sql file are set up to create all the necessary tables and populate the needed data to allow the application to run correctly. The project is built on Postgres, so you will need to make sure to have that installed. We recommend using Postico to run those queries as that was used to create the queries,
  3. Open up your editor of choice and run an npm install
  4. Run npm run server in your terminal
  5. Run npm run client in your terminal
  6. The npm run client command will open up a new browser tab for you!

Usage

  1. To add a new movie click the plus mark on the home page
  2. If you want to view details about a movie simply click the poster
  3. To edit a movies details, click the poster and click the edit button
  4. To delete click the poser and click delete

Built With

React Redux Postgresql Express

Acknowledgement

Thanks to EmergingDigital Academy who equipped and helped me to make this application a reality.

Support

If you have suggestions or issues, please email me at Prollo Tech

About


Languages

Language:JavaScript 69.8%Language:CSS 26.3%Language:HTML 3.9%