Este proyecto es una aplicación web desarrollada con React y Vite que permite a los usuarios buscar y visualizar información detallada sobre los personajes de la famosa serie "Rick and Morty". Utiliza GraphQL para realizar consultas eficientes a la API de Rick and Morty, proporcionando una experiencia de usuario fluida y reactiva.
- React: para construir la interfaz de usuario de la aplicación.
- Vite: como herramienta de construcción.
- TypeScript: para añadir tipado estático al proyecto, mejorando el desarrollo y mantenimiento del código.
- Apollo Client: para interactuar con la API de Rick and Morty mediante GraphQL.
- GraphQL: como lenguaje de consulta para la API.
- NextUI: para utilizar componentes de UI predefinidos y mejorar la experiencia de usuario.
- React Icons: para embellecer la aplicación con iconos.
- React Router DOM: para la navegación entre páginas.
- TailwindCSS: para el diseño y estilización de la aplicación.
- Página de Búsqueda: permite buscar personajes por nombre.
- Filtros: posibilidad de filtrar resultados por estado, especie y género.
- Visualización de Detalles: muestra información adicional del personaje como imagen, nombre, especie, estado y origen.
- Estilo y Diseño: aplicación visualmente atractiva y fácil de usar, con estilos proporcionados por NextUI y TailwindCSS.
- Paginación: implementada para cargar más personajes a medida que el usuario se desplaza, aprovechando la paginación soportada por la API. Esta haciendo uso de las bondades de GraphQL y Apollo
- Clona el repositorio.
- Navega hasta la carpeta del proyecto.
- Instala las dependencias con
npm install
. - Ejecuta el proyecto con
npm run dev
. - Para construir el proyecto para producción, usa
npm run build
.
Francisco A. Myers M. |