Ghibli My Movies

Table of Contents

• Overview
• Deployed Site
• Screenshots
• Future Enhancements
• Install & Setup
• Project Spec & Rubric
• Contributors
• Technologies

Overview

This was a solo project using React to build an application for single users. This application utilizes the Studio Ghibli API to like and view more information on different Studio Ghibli films.

Deployed site

https://ghibli-my-movies.herokuapp.com/

Screenshots

Home Page View

A user is able to view film information.

A user is able to add films to favorites and view the favorite films.

A user is able to click home to go back to the main page.

A user is able to unlike from their list, and view film details from their favorites.

Application has responsive layout for mobile view or browser view.

Future Enhancements

• Add a sort feature
• Add animations

Install and Setup

1. Clone this repo git clone git@github.com:Alynn022/Ghibli-My-Movies.git
2. Install the necessary package dependencies npm install
3. Run the command npm start
4. Start the server at http://localhost:3000/

Project Spec and Rubric

Turing School of Software & Design - Showcase Project Spec

Contributors

• Lynn Nguyen

Contact on LinkedIn

• Lynn Nguyen @lynnnguyen22

Technologies

• React
• React Router
• Cypress
• JavaScript
• HTML
• CSS
• Git
• Figma
• Webpack
• Fetch API
• Heroku