Vibe Coded MMA 🥋

Estructura del Proyecto 🏗️

Este proyecto es una aplicación móvil desarrollada con Expo y React Native. La estructura del proyecto está organizada de la siguiente manera:

Directorios Principales

• /app: Contiene la estructura principal de la aplicación (Expo Router)

  • _layout.tsx: Layout principal de la aplicación
  • +not-found.tsx: Página de error 404
  • /components: Componentes reutilizables
  • /i18n: Configuración y archivos de internacionalización
  • /(tabs): Navegación por pestañas de la aplicación

• /hooks: Custom hooks de la aplicación

  • useFrameworkReady.ts: Hook para manejar la inicialización del framework
  • useTranslation.ts: Hook para manejar las traducciones

Tecnologías Principales

• Expo - Framework para React Native
• React Native - Framework para desarrollo móvil
• TypeScript - Superset tipado de JavaScript
• Expo Router - Sistema de navegación basado en archivos
• i18n - Internacionalización

Cómo Empezar 🚀

1. Clona el repositorio

git clone https://github.com/MxDui/VIBE-CODED-MMA-APP

2. Instala las dependencias

npm install

3. Inicia el servidor de desarrollo de Expo

npx expo start

4. Escanea el código QR con la app Expo Go en tu dispositivo o ejecuta en un emulador

Cosas mencionadas durante la Charla 📚

Diapositivas de la charla

• PDF

Inspiración y Recursos

• Cursor Directory
• Windsurf Directory
• Hacker News

Cuentas de twitter

• Levels.io
• Andrej Karpathy
• Riley Brown
• Jack Friks

Herramientas Recomendadas

• Amazon Q
• Bolt.new
• Replit Agent
• Cursor
• Windsurf