Volver a Proyectos

Dayone - Plataforma de Productividad Espacial

Ecosistema de productividad espacial multiplataforma construido con React Native, Expo y TypeScript, integrando navegación con Expo Router, autenticación con Supabase y renderizado 3D con Three.js.

Ver en Vivo
enero de 2024
Dayone - Plataforma de Productividad Espacial

Resumen Técnico

Dayone es una aplicación móvil de productividad que desarrollé con React Native y Expo, utilizando TypeScript para type-safety. Implementé la navegación mediante Expo Router con gestos fluidos usando react-native-gesture-handler y react-native-reanimated para animaciones de 60fps. Diseñé la interfaz con NativeWind (Tailwind CSS para React Native), incorporando gradientes, blur effects y haptics táctiles. Integro autenticación social con Google Sign-In y persistencia de datos mediante Supabase. La app incluye capacidades multimedia con expo-audio y expo-video, notificaciones push locales, y funcionalidades nativas como geolocalización. Implementé componentes UI personalizados incluyendo progress circular, sliders y datepickers nativos.

Descripción del Problema

Las herramientas de productividad tradicionales carecen de engagement inmersivo. Se necesita una app móvil que combine gestión de tareas con experiencia visual atractiva, navegación fluida y sincronización de datos en tiempo real.

Arquitectura

Arquitectura mobile-first con Expo SDK y React Native. Navegación file-based mediante Expo Router. Gestión de estado local con React hooks y persistencia en Supabase. UI implementada con NativeWind (Tailwind CSS) y componentes nativos. Capacidades multimedia gestionadas mediante módulos expo (audio, video, notificaciones). Autenticación mediante Supabase Auth con soporte Google Sign-In.

Características Clave

  • Desarrollo mobile con React Native, Expo y TypeScript
  • Navegación fluida con Expo Router y react-native-gesture-handler
  • Animaciones de 60fps con react-native-reanimated
  • Diseño UI con NativeWind (Tailwind CSS para RN) y efectos visuales
  • Autenticación social con Google Sign-In y Supabase Auth
  • Capacidades multimedia (audio, video) y notificaciones push
  • Componentes nativos personalizados (progress, sliders, datepickers)
  • Experiencia háptica con expo-haptics

Desafíos

  • Implementar navegación fluida con gestos nativos en React Native
  • Sincronizar estado entre componentes reanimados y datos de Supabase
  • Crear diseño consistente con NativeWind en múltiples plataformas
  • Gestionar permisos nativos para notificaciones y geolocalización
  • Optimizar rendimiento de animaciones en dispositivos de gama media

Resultados

Entregada aplicación de productividad móvil con navegación fluida, autenticación social, sincronización de datos y experiencia de usuario pulida. Animaciones a 60fps y UI consistente en iOS y Android.

Tecnologías

React NativeExpoTypeScriptExpo RouterNativeWindSupabase

© 2026 Michel Haussaire. Todos los derechos reservados.