src/
├── App.tsx                # Componente raiz da aplicação
├── components/            # Componentes reutilizáveis
│   ├── common/            # Componentes genéricos (botões, inputs, etc.)
│   ├── exercises/         # Componentes relacionados a exercícios
│   ├── trainings/         # Componentes relacionados a treinos
│   └── ui/                # Componentes de interface do usuário
├── contexts/              # Contextos React para gerenciamento de estado
│   ├── AuthContext.tsx    # Contexto de autenticação
│   ├── ExerciseContext.tsx # Contexto de exercícios
│   └── TrainingContext.tsx # Contexto de treinos
├── hooks/                 # Hooks personalizados
│   ├── useAuth.tsx        # Hook para autenticação
│   ├── useExercises.tsx   # Hook para gerenciamento de exercícios
│   └── useTrainings.tsx   # Hook para gerenciamento de treinos
├── navigation/            # Configuração de navegação
│   ├── AppNavigator.tsx   # Navegador principal da aplicação
│   ├── AuthNavigator.tsx  # Navegador para fluxo de autenticação
│   └── TabNavigator.tsx   # Navegador de abas para usuários autenticados
├── screens/               # Telas da aplicação
│   ├── auth/              # Telas de autenticação (login, registro)
│   ├── exercises/         # Telas relacionadas a exercícios
│   ├── home/              # Tela inicial e dashboard
│   ├── profile/           # Telas de perfil de usuário
│   └── trainings/         # Telas relacionadas a treinos
├── services/              # Serviços para comunicação com a API
│   ├── api.ts             # Configuração do cliente Axios
│   ├── auth.service.ts    # Serviço de autenticação
│   ├── exercise.service.ts # Serviço de exercícios
│   └── training.service.ts # Serviço de treinos
├── styles/                # Estilos globais e temas
│   ├── colors.ts          # Paleta de cores
│   ├── fonts.ts           # Configuração de fontes
│   └── theme.ts           # Tema global da aplicação
├── types/                 # Definições de tipos TypeScript
│   ├── auth.types.ts      # Tipos relacionados à autenticação
│   ├── exercise.types.ts  # Tipos relacionados a exercícios
│   └── training.types.ts  # Tipos relacionados a treinos
└── utils/                 # Funções utilitárias
    ├── auth.utils.ts      # Utilitários de autenticação
    ├── date.utils.ts      # Utilitários para manipulação de datas
    └── storage.utils.ts   # Utilitários para armazenamento local

// Exemplo de serviço de autenticação
export const authService = {
  login: async (credentials: LoginCredentials) => {
    const response = await api.post('/auth/login', credentials);
    return response.data;
  },
  
  register: async (userData: RegisterData) => {
    const response = await api.post('/auth/register', userData);
    return response.data;
  },
  
  // Outros métodos...
};

// Exemplo de contexto de autenticação
export const AuthContext = createContext<AuthContextData>({} as AuthContextData);

export const AuthProvider: React.FC = ({ children }) => {
  const [user, setUser] = useState<User | null>(null);
  const [loading, setLoading] = useState(true);
  
  // Métodos de autenticação...
  
  return (
    <AuthContext.Provider value={{ user, loading, login, logout, register }}>
      {children}
    </AuthContext.Provider>
  );
};

// Exemplo de navegador principal
export const AppNavigator = () => {
  const { user } = useAuth();
  
  return (
    <NavigationContainer>
      {user ? <TabNavigator /> : <AuthNavigator />}
    </NavigationContainer>
  );
};

# Clone o repositório
git clone https://github.com/logoscti/fitlocus-app-front.git

# Entre no diretório
cd fitlocus-app-front

# Instale as dependências
npm install

# Execute o aplicativo
npm run start

# Para iOS
npm run ios

# Para Android
npm run android