Okay, let's set up the initial structure and core files for the AppLeiturista application. This setup includes: 1. Project configuration (`package.json`, `app.json`, `babel.config.js`, `tailwind.config.js`). 2. Basic folder structure (`src/components`, `src/constants`, `src/contexts`, `src/database`, `src/hooks`, `src/navigation`, `src/screens`, `src/services`, `src/types`, `src/utils`). 3. Core dependencies installation. 4. Basic navigation setup (`Auth` and `App` stacks). 5. Placeholder screens and components. 6. Initial Supabase and SQLite setup files (placeholders). 7. Basic context providers (Auth). 8. App entry point (`App.tsx`). { "name": "appleiturista", "version": "1.0.0", "main": "expo-router/entry", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web" }, "dependencies": { "@react-native-async-storage/async-storage": "1.23.1", "@react-navigation/native": "^6.1.17", "@react-navigation/stack": "^6.3.29", "@supabase/supabase-js": "^2.43.4", "expo": "~51.0.11", "expo-camera": "~15.0.10", "expo-constants": "~16.0.2", "expo-dev-client": "~4.0.15", "expo-file-system": "~17.0.1", "expo-linking": "~6.3.1", "expo-network": "~6.0.1", "expo-router": "~3.5.15", "expo-sharing": "~12.0.1", "expo-sqlite": "~14.0.3", "expo-status-bar": "~1.12.1", "nativewind": "^2.0.11", "react": "18.2.0", "react-native": "0.74.2", "react-native-gesture-handler": "~2.16.1", "react-native-reanimated": "~3.10.1", "react-native-safe-area-context": "4.10.1", "react-native-screens": "3.31.1", "react-native-svg": "15.2.0", "react-native-url-polyfill": "^2.0.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@types/react": "~18.2.45", "tailwindcss": "^3.3.2", "typescript": "~5.3.3" }, "private": true } { "expo": { "name": "AppLeiturista", "slug": "appleiturista", "version": "1.0.0", "orientation": "portrait", "icon": "./assets/icon.png", "userInterfaceStyle": "light", "splash": { "image": "./assets/splash.png", "resizeMode": "contain", "backgroundColor": "#ffffff" }, "ios": { "supportsTablet": true, "bundleIdentifier": "com.yourapp.appleiturista" }, "android": { "adaptiveIcon": { "foregroundImage": "./assets/adaptive-icon.png", "backgroundColor": "#ffffff" }, "package": "com.yourapp.appleiturista", "permissions": [ "android.permission.CAMERA", "android.permission.READ_EXTERNAL_STORAGE", "android.permission.WRITE_EXTERNAL_STORAGE", "android.permission.INTERNET", "android.permission.ACCESS_NETWORK_STATE" ] }, "web": { "favicon": "./assets/favicon.png" }, "plugins": [ "expo-router" ], "scheme": "appleiturista", "extra": { "eas": { "projectId": "YOUR_EAS_PROJECT_ID" }, "supabaseUrl": "YOUR_SUPABASE_URL", "supabaseAnonKey": "YOUR_SUPABASE_ANON_KEY" } } } module.exports = function (api) { api.cache(true); return { presets: ['babel-preset-expo'], plugins: ['nativewind/babel', 'react-native-reanimated/plugin'], // Added reanimated plugin }; }; /** @type {import('tailwindcss').Config} */ module.exports = { content: [ './App.{js,jsx,ts,tsx}', './src/**/*.{js,jsx,ts,tsx}', './app/**/*.{js,jsx,ts,tsx}', // Include app directory for Expo Router ], theme: { extend: { colors: { primary: '#3498db', // Example primary color secondary: '#2ecc71', // Example secondary color accent: '#e74c3c', // Example accent color background: '#ecf0f1', text: '#2c3e50', muted: '#95a5a6', }, }, }, plugins: [], }; import React from 'react'; import { Stack } from 'expo-router'; import { AuthProvider } from '../src/contexts/AuthContext'; // Adjust path if needed import { DatabaseProvider } from '../src/contexts/DatabaseContext'; // Adjust path if needed import { SyncProvider } from '../src/contexts/SyncContext'; // Adjust path if needed import '../global.css'; // Import global CSS for NativeWind export default function RootLayout() { return ( ); } import React, { useEffect } from 'react'; import { ActivityIndicator, View } from 'react-native'; import { useRouter, useSegments } from 'expo-router'; import { useAuth } from '../src/hooks/useAuth'; // Adjust path if needed export default function Index() { const { session, isLoading } = useAuth(); const segments = useSegments(); const router = useRouter(); useEffect(() => { if (isLoading) return; // Wait until session loading is complete const inAuthGroup = segments[0] === '(auth)'; if (session && !isLoading) { // Redirect authenticated users to the main app if (inAuthGroup || segments.length === 0) { // Also redirect from root index router.replace('/(app)/home'); } } else if (!session && !isLoading) { // Redirect unauthenticated users to the login page if (!inAuthGroup) { router.replace('/(auth)/login'); } } }, [session, isLoading, segments, router]); // Show loading indicator while checking auth state return ( ); } import React from 'react'; import { Stack } from 'expo-router'; import { useAuth } from '../../src/hooks/useAuth'; // Adjust path import { Redirect } from 'expo-router'; export default function AuthLayout() { const { session } = useAuth(); // If the user is signed in, redirect away from the auth group // to the main app group. if (session) { return ; } // This layout can be deferred because it's not the root layout. return ; } import React, { useState } from 'react'; import { View, Text, Alert } from 'react-native'; import { styled } from 'nativewind'; import { Input } from '../../src/components/Input'; // Adjust path import { Button } from '../../src/components/Button'; // Adjust path import { supabase } from '../../src/services/supabase'; // Adjust path const StyledView = styled(View); const StyledText = styled(Text); export default function LoginScreen() { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [loading, setLoading] = useState(false); async function signInWithEmail() { setLoading(true); const { error } = await supabase.auth.signInWithPassword({ email: email, password: password, }); if (error) Alert.alert('Login Error', error.message); setLoading(false); // Navigation to app stack is handled by the root index and AuthLayout } // Example function for sign up - adapt as needed async function signUpWithEmail() { setLoading(true); const { error } = await supabase.auth.signUp({ email: email, password: password, }); if (error) Alert.alert('Sign Up Error', error.message); else Alert.alert('Sign Up Success', 'Please check your email for verification!'); setLoading(false); } return ( AppLeiturista