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.
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.
- 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.
Para instalar y ejecutar este proyecto en tu entorno local, sigue estos pasos:
-
Clona este repositorio:
git clone https://github.com/VixoPlank/api-rick-and-morty cd api-rick-and-morty
-
Instala las dependencias:
npm install
-
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.