hai5edfm / fe-studio-ghibli-tracker

Frontend of Ghibli app that allows you to view the entire catalog of films produced by the Ghibli studio.

Studio Ghibli Tracker

Studio Ghibli Tracker is a web application that allows us to view the catalog of films produced by Studio Ghibli, as well as register a personal rating and keep track of which ones you have already seen and which ones you have not yet.

Table of Contents

1. Config-environment
2. Studio Ghibli Tracker Flowchart
3. Deploy
4. Acknowledgements

⚙Config-environment

This is custom environment configured from scratch using Webpack and React.js, we decided this to optimize the load of the frontend.

Built With

These are the technologies and libraries we used to build this project.

• React.js
• Webpack
• Linter
• Formik
• SASS

Getting Started

If you want to run this project on local, take a look to the following steps:

Prerequisites

To run the project you will need npm in its latest version.

• npm (Package manager for the JavaScript)

  npm install npm@latest -g

Installation

Then, let's clone the repo, and install all the dependencies of the project.

1. Clone the repo

   git clone [email protected]:C10-Ghibli-s/FE-Studio-Ghibli-Tracker.git

2. Install NPM packages

   npm install

Running the tests

JestJS was implemented in this project because is a JavaScript Testing Framework focused on simplicity and Unit Testing. To run the test use the following command.

npm test

Linter Code

ESLint was implemented in this project. To run the lint use the following command.

npm run lint

Studio Ghibli Tracker Flowchart

Open in Figma

🚀Deploy

Studio Ghibli Tracker

⭐Acknowledgements

The whole application was built with 💚 by:

• ⭐ JuanCa
• ⭐ Liliana
• ⭐ Guillermo
• ⭐ Ivan