Descrição

O aplicativo Financeiro-Tech React Native foi desenvolvido para oferecer uma experiência moderna e intuitiva em dispositivos móveis, utilizando o ecossistema React Native com Expo. O projeto integra diversos recursos, como navegação avançada via Expo Router, formulários otimizados com React Hook Form e autenticação com Firebase. Além disso, são utilizadas bibliotecas modernas para garantir performance, responsividade e uma interface atraente.

Requisitos

• Node.js (versão 18.18 ou superior)
• Expo CLI
• Um emulador Android ou iOS, ou um dispositivo físico com o aplicativo Expo Go instalado

Configuração do Firebase

Antes de iniciar o projeto, crie um arquivo .env na raiz do projeto e adicione as seguintes variáveis de ambiente:

EXPO_PUBLIC_API_KEY=
EXPO_PUBLIC_AUTH_DOMAIN=
EXPO_PUBLIC_PROJECT_ID=
EXPO_PUBLIC_STORAGE_BUCKET=
EXPO_PUBLIC_MESSAGING_SENDER_ID=
EXPO_PUBLIC_WEB_CLIENT_ID=
EXPO_PUBLIC_KEY=

Nossas configuracões do firebase se encontra no pdf da entrega

Como executar o projeto

1. Executar localmente

1. Instalar as dependências:

   npm i

2. Iniciar o projeto:
   Utilize um dos seguintes comandos, conforme o ambiente desejado:

   • Para Android:

     npm run android

   • Para iOS:

     npm run ios

   • Para Web (via Expo):

     npm run web

   • Para iniciar o servidor de desenvolvimento com cache limpo:

     npm start

2. Executar os testes e linting

• Testes:

  npm run test

• Linting:

  npm run lint

• Formatação do código:

  npm run format

Scripts Principais

• npm i: Instala as dependências do projeto.
• npm start: Inicia o Expo com limpeza de cache.
• npm run android: Executa o app em um dispositivo/emulador Android.
• npm run ios: Executa o app em um dispositivo/emulador iOS.
• npm run web: Executa o app no navegador.
• npm run test: Executa os testes com Jest.
• npm run lint: Verifica o código com ESLint.
• npm run format: Formata o código utilizando Prettier.
• npm run reset-project: Reseta o estado do projeto (útil para limpeza de caches e configurações).

Tecnologias Utilizadas

• Expo (~52.0.38): Framework para desenvolvimento de aplicativos React Native.
• React Native (0.76.7): Framework para criação de aplicativos móveis.
• React (18.3.1): Biblioteca para construção de interfaces de usuário.
• Expo Router: Gerenciamento de navegação.
• Firebase (11.4.0): Autenticação e banco de dados em tempo real.
• React Hook Form (7.54.2): Gerenciamento eficiente de formulários.
• Styled Components (6.1.15): Estilização de componentes.
• Context API: Gerenciamento de estado
• Outras bibliotecas: Axios, Yup, e diversas bibliotecas do ecossistema Expo para funcionalidades como fontes, ícones, haptics e mais.

---