https://github.com/bayron94/web_rick_and_morty-react
Web creada con React para la visualización y filtro de personajes de "Rick and Morty"
https://github.com/bayron94/web_rick_and_morty-react
atomic-design react web
Last synced: over 1 year ago
JSON representation
Web creada con React para la visualización y filtro de personajes de "Rick and Morty"
- Host: GitHub
- URL: https://github.com/bayron94/web_rick_and_morty-react
- Owner: Bayron94
- Created: 2024-11-02T00:22:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-15T01:22:42.000Z (over 1 year ago)
- Last Synced: 2025-03-26T11:15:19.337Z (over 1 year ago)
- Topics: atomic-design, react, web
- Homepage:
- Size: 241 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rick and Morty List
**Desarrollado por: Bayron Jhohan Ordoñez Buitron**
## Descripción
Esta aplicación es una herramienta desarrollada para efectos de pruebas de conocimiento y destrezas en el area del desarrollo web. Se construyó usando tecnologías modernas, como **React**, **Redux**, y **TailwindCSS**, y utiliza la API pública de [Rick and Morty](https://rickandmortyapi.com/) para obtener y gestionar datos de personajes.
## Características Principales
- **Visualización de personajes**: La aplicación permite ver una lista de personajes obtenidos desde una API pública.
- **Filtrado y búsqueda**: Los usuarios pueden buscar personajes por nombre, ordenar los resultados y aplicar filtros específicos, como especie, estado y género.
- **Favoritos**: Permite marcar personajes como favoritos para destacarlos en la lista.
- **Detalles del personaje**: Al seleccionar un personaje, se puede ver información detallada del mismo en la sección correspondiente.
- **Interfaz amigable y responsive**: Diseñada para ser visualmente atractiva en dispositivos tanto móviles como de escritorio.
## Tecnologías Usadas
- **React**: Biblioteca de JavaScript para construir interfaces de usuario.
- **Redux**: Librería para el manejo del estado global de la aplicación.
- **TailwindCSS**: Framework de CSS para estilos rápidos y personalizables.
- **Apollo Client**: Para realizar consultas a la API GraphQL de Rick and Morty.
- **Ract Router Dom**: Para el manejo de rutas y la navegación entre pantallas.
## Uso de la Aplicación
- **Exploración de personajes**: La pantalla principal muestra una lista de personajes. Los usuarios pueden desplazarse para explorar diferentes personajes.
- **Búsqueda y filtrado**: En la parte superior, hay un campo de búsqueda y un botón de filtro. Usa el campo de búsqueda para encontrar personajes por nombre. Abre el filtro para aplicar criterios avanzados como especie, estado y género.
- **Favoritos**: Haz clic en el ícono de estrella para marcar un personaje como favorito. Estos personajes aparecerán en una sección separada.
- **Detalles de personajes**: Al hacer clic en un personaje, se muestra más información, incluyendo detalles como especie, estado y género.