API Rick & Morty

Descripción

Este proyecto es una aplicación web que utiliza la API pública de Rick and Morty para mostrar información sobre los personajes, episodios y locaciones de la serie. Es ideal para fans de la serie y desarrolladores que buscan ejemplos de cómo utilizar Next.js junto con TailwindCSS, Zustand y Axios.

Diseño

El diseño de la interfaz de usuario de esta aplicación se basa en un diseño gratuito disponible en Figma Community. Rick & Morty API. Este diseño fue adaptado y personalizado para ajustarse a las necesidades específicas de nuestra aplicación.

Tecnologías Usadas

  • Next.js: Framework de React para producción.
  • TailwindCSS: Framework CSS para diseño rápido y responsivo.
  • Zustand: Biblioteca de manejo de estado para React.
  • Axios: Cliente HTTP basado en promesas para hacer solicitudes HTTP.
  • Tailwind Prettier: Plugin de Prettier para mantener el formato de código consistente, especialmente útil al trabajar con TailwindCSS.
  • Swiper.js: Librería de JavaScript que se utiliza para crear carruseles de imágenes y otros elementos de contenido.

Instalación y Configuración

Para instalar y ejecutar este proyecto en tu entorno local, sigue estos pasos:

  1. Clona este repositorio:

    git clone https://github.com/VixoPlank/api-rick-and-morty
    cd api-rick-and-morty
  2. Instala las dependencias:

    npm install
  3. Inicia el servidor de desarrollo:

    npm run dev

Esto arrancará el servidor en http://localhost:3000. Abre tu navegador y navega a esa dirección para ver la aplicación en funcionamiento.