Skip to content

Solideomyers/kimche_rick_and_morty

Repository files navigation

Proyecto Rick and Morty con React y GraphQL

React Vite TypeScript Apollo GraphQL GraphQL Next UI React Router TailwindCSS

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.

Tecnologías Utilizadas

  • 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.

Características

  • 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

Instrucciones para Desarrolladores

  1. Clona el repositorio.
  2. Navega hasta la carpeta del proyecto.
  3. Instala las dependencias con npm install.
  4. Ejecuta el proyecto con npm run dev.
  5. Para construir el proyecto para producción, usa npm run build.

GitHub Francisco A. Myers M.

Deployed with Vercel