Studio Ghibli Film Fetch

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

👁️‍🗨️ About

React project Fetches remote data about Films from the Studio Ghibli public API. Uses the Axios promise-based HTTP Client for node.js and the browser. Bootstrap styling including a react-bootstrap Modal that uses dynamic data. Handy page navigation using data and bootstrap. Fuzzy title search with advanced search tokens using the Fuse.js library.

✨ Features

✔️ Promise based remote data fetch
✔️ Lists all films in Studio Ghibli API
✔️ react-bootstrap dynamic Modal
✔️ Rotten Tomato score with dynamic icon
✔️ Advanced Fuzzy search

🚀 Technologies

The following tools were used in this project:

• React
• React-Bootstrap
• Axios-HTTP
• Fuse
• Babel
• Node.js

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/ajdavidson/fetch-ghibli

# Access
$ cd fetch-ghibli

# Install dependencies
$ http-server

# Run the project
$ Available on:
  http://127.0.0.1:8080
  http://localhost:8080

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by AJD

 

Back to top