The Movie Sagas

Description

Duration: 2 Day Sprint

I created a movie app over a weekend. This app displays all of the current films in the database including: title, poster URL, description and genre. The user can select a movie poster to see more details about the selected movie. There is also a form that allows the user to add a new film which will be displayed on the page upon successful completion of the form.

Screen Shot

Prerequisites

• Node.js

Installation

Visit the fully deployed app here (will add soon)

Or, run it locally:

• Clone this repository from Github
• Create a database titled "saga_movies_weekend" and create the three tables using the initializer data found in database.sql
• Run npm install in your terminal to download the necessary modules
• Run npm run client to start React
• In a separate terminal, run npm run server to start the server
• Visit http://localhost:3000 in your browser to view the project!

Usage

How does someone use this application? Tell a user story here.

1. View movies currently in the database
2. Click on a movie poster to get more detailed information
3. Add a new movie to the database using the "Add Movie" form
4. Check out the movie list to see the recently added movie!

Built With

1. React
2. React-Redux
3. Redux-Saga
4. Material UI (MUI)
5. Express.js
6. Node.js
7. PostgreSQL
8. Axios
9. HTML/CSS

Acknowledgement

Thanks to Prime Digital Academy who equipped me with the skills needed to make this application a reality.

Support

If you have suggestions or issues, please email me at [email protected]