Volver a Proyectos

OneDay App - Productividad con Interfaz Espacial

Aplicacion movil de productividad construida con Expo, React Native y TypeScript, con gestion de tareas, metas y una interfaz de habitacion interactiva.

Ver en Vivo
enero de 2024
OneDay App - Productividad con Interfaz Espacial

Resumen Técnico

OneDay App combina gestion de tareas y metas con una experiencia visual basada en una habitacion interactiva. La aplicacion esta desarrollada con Expo, React Native y TypeScript, integra Supabase para persistencia y utiliza capacidades multimedia y 3D para diferenciarse de una lista tradicional de tareas. El producto incluye flujos de rutina, biblioteca, contenido multimedia, fondos dinamicos, alarmas y funciones premium documentadas en el repo.

Descripción del Problema

Las herramientas de productividad suelen depender de listas planas que pierden engagement con el tiempo. OneDay explora una experiencia mas visual para organizar rutinas, tareas y contenido diario desde un entorno mobile.

Arquitectura

Arquitectura mobile con Expo 54, React Native 0.81 y React 19. Usa Expo Router para navegacion file-based, Supabase y Async Storage para datos, Tailwind/NativeWind para estilos, y modulos Expo para audio, imagenes, blur, haptics y capacidades nativas. La estructura separa pantallas, componentes, servicios, hooks, constantes y tipos.

Características Clave

  • Gestion de tareas, metas y rutinas diarias
  • Interfaz de habitacion interactiva como shell principal
  • Navegacion mobile con Expo Router
  • Persistencia con Supabase y almacenamiento local
  • Integracion multimedia con Expo Audio, imagenes y fondos dinamicos
  • Soporte para animaciones, haptics y efectos visuales nativos
  • Documentacion interna de arquitectura, base de datos y features

Desafíos

  • Mantener una experiencia mobile fluida con UI visual e interacciones complejas
  • Sincronizar datos de productividad entre estado local y Supabase
  • Organizar features heterogeneas como rutinas, biblioteca, alarmas y contenido multimedia
  • Conservar consistencia visual entre componentes nativos y estilos Tailwind/NativeWind

Resultados

Base mobile funcional para un producto de productividad con identidad visual propia, navegacion modular y soporte para datos, multimedia y features premium.

Tecnologías

React NativeExpoTypeScriptExpo RouterSupabaseThree.js

© 2026 Michel Haussaire. Todos los derechos reservados.