📱 Lista de Tarefas - React Native com Expo

Um aplicativo moderno de lista de tarefas desenvolvido com React Native, Expo e Firebase, oferecendo uma experiência fluida e responsiva para gerenciar suas atividades diárias.

✨ Funcionalidades

• ✅ Adicionar novas tarefas com título e descrição
• ✅ Marcar tarefas como concluídas
• ✅ Excluir tarefas individualmente
• ✅ Sincronização em tempo real com Firebase
• ✅ Backup local com Async Storage
• ✅ Interface moderna e intuitiva
• ✅ Suporte a temas claro/escuro
• ✅ Animações suaves
• ✅ Validação de formulários

🛠️ Tecnologias Utilizadas

• React Native - Framework para desenvolvimento mobile
• Expo - Plataforma para desenvolvimento React Native
• Firebase/Firestore - Backend e banco de dados em tempo real
• TypeScript - Tipagem estática para maior segurança
• React Hooks - Gerenciamento de estado e efeitos
• Async Storage - Armazenamento local
• React Navigation - Navegação entre telas
• Styled Components - Estilização de componentes
• ESLint & Prettier - Padronização de código

🚀 Como Executar

Pré-requisitos

• Node.js (versão 14 ou superior)
• npm ou yarn
• Expo CLI
• Conta no Firebase

Instalação

1. Clone o repositório:

git clone https://github.com/bsp982/Todo-List-React-Native.git
cd Todo-List-React-Native

2. Instale as dependências:

npm install
# ou
yarn install

3. Configure o Firebase:

   • Crie um projeto no Firebase Console
   • Copie as credenciais do seu projeto
   • Crie um arquivo .env na raiz do projeto com as seguintes variáveis:

   FIREBASE_API_KEY=seu_api_key
   FIREBASE_AUTH_DOMAIN=seu_auth_domain
   FIREBASE_PROJECT_ID=seu_project_id
   FIREBASE_STORAGE_BUCKET=seu_storage_bucket
   FIREBASE_MESSAGING_SENDER_ID=seu_messaging_sender_id
   FIREBASE_APP_ID=seu_app_id
   

4. Execute o projeto:

# Para desenvolvimento web
npm run web

# Para desenvolvimento mobile
npm run android
# ou
npm run ios

📁 Estrutura do Projeto

src/
  ├── assets/        # Imagens, ícones e fontes
  ├── components/    # Componentes React reutilizáveis
  ├── hooks/         # Custom Hooks
  ├── navigation/    # Configuração de navegação
  ├── screens/       # Telas do aplicativo
  ├── services/      # Configuração de serviços (Firebase)
  ├── styles/        # Estilos globais e temas
  ├── types/         # Definições de tipos TypeScript
  └── utils/         # Funções utilitárias

🤝 Contribuição

Contribuições são bem-vindas! Siga estes passos:

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📧 Contato

Bruno - [email protected]

Link do Projeto: https://github.com/bsp982/Todo-List-React-Native

📱 Gerando APK

Para gerar o arquivo APK para distribuição do aplicativo, siga estes passos:

1. Instale o EAS CLI globalmente:

npm install -g eas-cli

2. Faça login na sua conta Expo:

eas login

3. Configure o projeto para build:

eas build:configure

4. Gere o APK de desenvolvimento:

eas build -p android --profile development

5. Para gerar o APK de produção:

eas build -p android --profile production

Após a conclusão do build, o EAS fornecerá um link para download do APK. Você também pode encontrar todos os seus builds na seção "Builds" do seu projeto no Expo Dashboard.

Notas importantes:

• O processo de build pode levar alguns minutos
• É necessário ter uma conta Expo
• Para builds de produção, você precisará configurar uma keystore
• O APK gerado pode ser instalado em qualquer dispositivo Android