/rick-morty-react

Web que carga listado de personajes de rick and morty API

Primary LanguageJavaScript

Aplicación Rick and Morty

Aplicación web que permite cargar listado de personajes de Rick y Morty en idioma español/inglés.

Creación de proyecto con Vite, desarrollado con react, haciendo uso de hooks ( useState, useEffect, useContext ). Para la tradución usé la librería react-intl y en el css bajo metodología BEM, también tiene pruebas unitarias con Jest.

API: https://rickandmortyapi.com/documentation/#get-all-characters

Para ejecutar en local el proyecto:

  npm run dev 

Para compilar proyecto:

  npm run build

Para deployar, publicar:

  npm run deploy

Para ejecutar pruebas unitarias:

  npm run test

Para deployar en gh-pages

Se siguió los siguientes pasos:

  • Se configura el archivo vite.config.js, se agrega en base el nombre del repo de github.

  • Se agrega el archivo deploy.sh y se copia un contenido que esta en la documentación de Vite

  • Instalar el módulo de gh-pages

    npm i gh-pages
  • Agregar el siguiente script

    "scripts": {
      "deploy": "gh-pages -d dist"
    }
  • Se sube estos cambios, posterior a las configuraciones iniciales ya solo debe ejecutarse los scripts para desplegar: npm run build y luego npm run deploy.

Nota: Para saber la url, en el repositorio github se debe ingresar a Settings/Pages

Página desplegada

https://lidiaramirezn.github.io/rick-morty-react/

Recursos de apoyo