This is an application for browsing a movie database and retrieving detailed information for each movie selected. To do so, users can click on a movie's poster and be brought to a separate page that contains the movie's plot, actors, etc. Once finished, user's can click the back button to be brought back to the home page.
Movie Sagas was built using HTML/CSS, Javascript, Axios, React, Redux, and SQL. The app's framework and my knowledge was provided by Prime Digital Academy.
- Make to do list
- Create a database named
saga_movies_weekend
- Run the queries from
database.sql
on thesaga_movies_weekend
database - Add query to get all genres in genre router
- Add genre SQL query to DB and database.sql
- Create DetailPage folder with jsx and css
- When a movie poster is clicked, a user should be brought to the
/details
view for that movie- Clicking movie poster should console log out movie id
- Store movie id to be used on another page
- Add details page to router
- Clicking movie poster should push user to
/details
- Render movie details including genres, title, description, and the image.
- Use Sagas and Redux to handle these requests and data
- Add a 'Back to List' button which should bring the user back to the Home page
Hint : You can make a GET request for a specific movie. Remember
req.params
and:id
?
- Clean up unused or redunant code & console logs
- Style home page
- Style detail page
- [xxx] Remind myself I'm awesome
- Update the README to include a description of the project in own words
- Comment code