🚀 Rick and Morty App

Aplicación en React Native con Expo que consume la API de Rick and Morty para mostrar una lista de personajes con su nombre, estado, especie, tipo y género.

📸 Capturas de Pantalla

🛠 Tecnologías Utilizadas

• ⚛️ React Native
• 🚀 Expo
• 🔗 API de Rick and Morty
• 📜 FlatList para renderizado eficiente
• 🛑 SafeAreaContext (SafeAreaProvider y SafeAreaView) para manejar áreas seguras en dispositivos móviles
• 🪝 Custom Hooks para manejo eficiente del estado y lógica de negocio
• 🔄 useCallback para optimización de rendimiento

📦 Instalación y Ejecución

1. Clona este repositorio:

   git clone https://github.com/tu-usuario/tu-repo.git
   cd tu-repo

2. Instala las dependencias:

   npm install

3. Inicia el proyecto en Expo:

   npx expo start

   Luego, escanea el código QR con la app de Expo Go o ejecuta en un emulador.

🚀 Funcionalidades

• ✅ Lista de personajes con su información básica
• ✅ Consumo de API con fetch
• ✅ Renderizado eficiente con FlatList
• ✅ Modal con información adicional del personaje (origen, ubicación y cantidad de episodios)
• ✅ Cierre del modal al hacer tap fuera del contenido
• ✅ Paginación infinita con carga automática al llegar al final de la lista
• ✅ Indicador de carga mientras se obtienen más datos
• ✅ Pull-to-refresh para actualizar la lista de personajes
• ✅ Gestión optimizada de estados con custom hooks
• ✅ Manejo de errores en peticiones a la API

🧩 Estructura del Proyecto

• /components: Componentes reutilizables de la UI
  • CharacterCard.jsx: Tarjeta para mostrar la información de cada personaje
  • Main.jsx: Componente principal que organiza la estructura de la aplicación
• /lib: Lógica de negocio y manejo de datos
  • getCharacters.js: Custom hook para obtener y gestionar los datos de los personajes

📝 Notas de Desarrollo

Este proyecto implementa patrones modernos de React como:

• Separación de responsabilidades con custom hooks
• Optimizaciones de rendimiento usando useCallback
• Gestión eficiente de estado con useState y funciones actualizadoras
• Carga de datos por paginación para mejorar el rendimiento y experiencia de usuario