/mf-challenge-RH

Web application to view characters from series or movies

Primary LanguageTypeScript

mf-app-characters

Web application to view characters from series or movies

This web application has a home page with two buttons. The "Rick and Morty" button loads a list of characters from the Rick and Morty series. The "Harry Potter" button loads a list of characters from the Harry Potter film series.

In addition to a button that translates the information from Spanish to English and uses the free LibreTranslate API that runs locally.

Note:

The LibreTranslate API takes some time to translate text

Note:

there are three repositories::

  • app1: get the Rick and Morty API
  • app2: get the Harry Potter API
  • Shell: get app1 and app2 in addition to having the routing

Requirements

  • Node.js v20.5.0
  • NPM 9+
  • Python 3.8+
  • pip

installation

  1. Clone the repository:
   git clone https://github.com/Johnnie-LC/mf-challenge-RH 

TO LOCAL RUN

Use node v20.5.0

Install the dependencies in each repository

   cd shell
   npm i
   cd app1
   npm i
   cd app2
   npm i

To install the translation API

Make sure you have Python installed (3.8 or higher is recommended), then simply run:

  git clone https://github.com/LibreTranslate/LibreTranslate
  cd LibreTranslate
  pip install -e .

To run locally

to run traslation API

  cd LibreTranslate
  python main.py

run in http://localhost:5000

repo app1

  cd app1
  npm run start

run in http://localhost:3001

repo app2

  cd app2
  npm run start

run in http://localhost:3002)

repo shell

  cd shell
  npm run start

Then open a web browser to http://localhost:3000