This App allows users to view a list of movies, click on a movie to view its details, and manage the movie database by adding new movies with their respective genres. The app is built using React, Redux, Redux-Saga, and Express, and connects to a PostgreSQL database to store movie information.
- Display a list of movies with their posters and titles on the home page
- Click on a movie poster to view its details, including title, description, genres, and image
- Add a new movie to the database, complete with title, poster URL, description, and genre
- Utilizes Redux and Redux-Saga to manage state and handle side effects
These instructions will help you set up the project on your local machine for development and testing purposes.
Before running the project, you'll need to have the following installed:
- Clone this repository.
- Navigate to the project folder in your terminal.
- Run
npm install
to install the necessary dependencies. - Create a new PostgreSQL database named
saga_movies_weekend
. - Use the SQL commands provided in the
database.sql
file to set up the required tables and sample data. - Run
npm run server
in your terminal to start the server. - In a separate terminal, run
npm run client
to start the React development server. - Open your browser and navigate to
http://localhost:3000
. The app should now be running and ready for use.
- React
- Redux
- Redux-Saga
- Express
- PostgreSQL
- Axios
- React-Router-Dom
Cory Anderson - (https://github.com/andydarknessb)
- Thank you to Prime Digital Academy for providing the project requirements and initial setup.