SELECT YOUR HEROES

Descripción del proyecto

Prueba de selección realizada por Víctor Balaguera en Marzo de 2024.

Versión subida a Vercel aquí.

El proyecto ejecuta las siguientes funciones:

1. Obtener información de una API específica (para la realización de este proyecto ha sido Rick and Morty API).
2. Desplegar el contenido en la página principal.
   1. Cada uno de los ítems desplegados permite añadirlo a un listado de favoritos.
   2. Cada uno de los ítems desplegados tiene una página individual.
3. Visualizar el listado de favoritos.

Herramientas utilizadas en el proyecto

1. React (a través de Vite).
2. Typescript.
3. TailwindCSS.
4. Axios para realizar llamadas API.
5. Tanstack Query para gestionar llamadas API.
6. Tanstack Router para creación de rutas.
7. Zustand para supervisar/mutar estado.
8. LocalStorage para guardar información adicional.

Estructura de rutas del proyecto

/
    /favoritos
    /personajes/:id

Estructura de archivos del proyecto

app/
    src/
        /componentes/ui
        /features
        /features/favoritos
        /features/personajes
        /helpers
        /routes
        /services
        /store
        /types

Scrips disponibles

En la app, los siguientes scripts están disponibles:

npm run dev

Ejecuta la app en modo dev.

Se accede por http://localhost:5173/ salvo que ya exista otra app en el mismo puerto.

npm run build

Prepara la app para producción. Usa el dir dist.

npm run lint

Ejecuta eslint con los siguientes commandos:

eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0