DineHub: Plantilla React Native para App de Delivery de Comida (iOS/Android) con Redux y RTK Query

DineHub es una plantilla de aplicación móvil para servicios de delivery de comida, construida con React Native (Expo SDK 49.0.13) y TypeScript. Ofrece una solución completa, con soporte para iOS y Android, gestión de estado con Redux, y una arquitectura lista para integrar con tu backend. Acelera el desarrollo de tu app de delivery.

Características Clave de DineHub

• React Native Expo SDK 49.0.13: Desarrollo rápido y multiplataforma.
• Solo Componentes Funcionales y Hooks: Código React moderno y mantenible.
• Iconos SVG: Gráficos vectoriales escalables y de alta calidad.
• Diseño Figma Incluido: Personaliza la interfaz fácilmente.
• Compatibilidad iOS y Android: Una sola base de código para ambas plataformas.
• Estructura Bien Organizada: Componentes modulares y fáciles de entender.
• Funcionalidades de E-commerce: Carrito de compras (añadir/eliminar), lista de favoritos.
• Ready for the Backend: Fácil integración con tu API.
• TypeScript (.tsx): Desarrollo seguro y con tipado estático.
• Preloader para Imágenes: Mejora la experiencia de usuario.
• Redux y Redux Persist: Gestión del estado de la aplicación, con persistencia de datos (carrito y favoritos).
• RTK Query: Manejo optimizado de peticiones a la API y caché.

Tecnologías

• React Native (Expo)
• TypeScript
• Redux (con Redux Persist)
• RTK Query

API (RTK Query)

DineHub utiliza RTK Query para la gestión de datos, simplificando la interacción con la API.

Endpoints:

• products.json
• banners.json
• carousel.json

Comandos Importantes

Para ejecutar la aplicación:

• npm install
• expo start—ios
• expo start—android

Pantallas Incluidas

DineHub incluye una amplia gama de pantallas prediseñadas para una app de delivery de comida:

• Onboarding (02, 03, 04)
• Inicio de Sesión (05)
• Recuperación de Contraseña (06, 07, 08)
• Registro (09, 10)
• Verificación de Teléfono (11, 12)
• Home (14)
• Menú (15, 16, 17)
• Reseñas (18)
• Favoritos (19, 20)
• Notificaciones (22)
• Perfil (23, 24)
• Historial de Pedidos (25, 26)
• Dejar una Reseña (27)
• Seguimiento de Pedido (28)
• Promociones y Tarjetas de Regalo (29, 30)
• Billetera (31)
• Agregar Tarjeta (32)
• Carrito (33, 39, 34)
• Checkout (36)
• Pedido Fallido (40)

Fuentes

• DM+Sans

Imágenes e Iconos

• freepik
• depositphotos
• unsplash
• flaticon

¡Crea tu App de Delivery de Comida con DineHub!

Aprovecha esta plantilla completa y profesional para lanzar tu servicio de delivery online. ¡Adquiere DineHub ahora!

Recursos y Enlaces de Interés:

• Más Plantillas y Recursos Digitales
• Blog de Nynel Digital (React Native)
• Introducción a React Native (YouTube) – *Ejemplo*
• Explora nuestra Tienda