Studio Ghibli Film Database

A Studi Ghibli film database.

Motivation

For this project, I plan to create a Studio Ghibli database. All movie details will be populated using an API call. This database will showcase all films and individual film details. It will also have a feature to save favorite movies. The project is created using React's Link and Router. This project was created for practice using React.

Screenshots

View in-app screenshots:
Homepage
Homepage - Mobile
Film Page
Favorites Page

Installation

To open the app, open the terminal window and go to the "studio-ghibli-database" directory and run npm i then npm start. Check out the deployment Here

How to use

Once opened, you can browse all films listed in the image grid by scrolling or search for a selected film by film title, director or, producer. Click on any film you wish to view more details. If you wish to favorite and save a film, click Add to Favorites. All saved favorites will be listed in the Favorites page.

Built With

This project is created with Create React App.

Authors

• Orawee Chantravutikorn - Initial work - Portfolio