TaskFlow

Gerenciador de Tarefas Inteligente

React Native • Expo • Firebase

Sobre o Projeto

Aplicativo mobile desenvolvido em React Native e Expo para gerenciamento de tarefas, produtividade pessoal e organização diária, com sincronização em tempo real via Firebase Firestore, autenticação por email/senha e tema claro/escuro com gradientes roxo + dourado.

Projeto de conclusão de módulo da disciplina Desenvolvimento de Aplicativos Mobile do curso de Análise e Desenvolvimento de Sistemas da UNISUAM.

Download

Download TaskFlow APK

Permita instalação de fontes desconhecidas nas configurações do Android.

✅ Projeto Concluído

Versão final do aplicativo TaskFlow — todos os requisitos funcionais e não funcionais foram implementados, testados e aprovados. O APK está disponível para download e o código-fonte encontra-se completo e estável.

Funcionalidades

Autenticação de usuários (login, cadastro, recuperação de senha via email)
CRUD completo de tarefas com persistência offline
Sincronização automática em tempo real via Firestore onSnapshot
Fila de sincronização offline com detecção de rede
Prioridades (baixa, média, alta, urgente) com badge colorido
Categorias (trabalho, estudos, pessoal, saúde, financeiro) com ícones
Subtarefas com edição inline e progresso percentual
Recorrência (diária, semanal, mensal, anual)
Busca textual por título, descrição e categoria
Filtros (hoje, amanhã, semana, atrasadas, concluídas, pendentes, alta prioridade, urgentes)
Ordenação (data, prioridade, status, categoria, título, criação)
Calendário multi-select para datas de vencimento
Dashboard com estatísticas e gráficos por categoria e prioridade
Calendário interativo com feriados nacionais
Histórico de ações com bloqueio automático de 30 dias
Notificações locais e push configuráveis
Modo Foco (Pomodoro Timer)
Geolocalização com GPS e busca de endereço/CEP
Mapa interativo e rota entre pontos
Compartilhamento de tarefas entre usuários
Exportação de tarefas (PDF)
Tema claro/escuro com gradientes (roxo + dourado)
Menu hambúrguer com navegação rápida
Máscaras de entrada (telefone, CPF, CNPJ, CEP, data)
Páginas de erro profissionais (400, 401, 403, 404, 419, 429, 500, 503)
Login responsivo em 2 colunas para tablets/web
Acessibilidade (labels, roles, estados para leitores de tela)
Compatibilidade Android (APK via EAS Build)
Compatibilidade Web (via React Native Web)
Atualizações OTA via expo-updates
Autenticação biométrica

Tecnologias

Framework e Plataforma

Tecnologia	Versão	Finalidade
React Native	0.85.3	Framework mobile
Expo	~56.0.12	Plataforma de desenvolvimento
React	19.2.3	Biblioteca UI
React Native Web	^0.21.2	Suporte a navegador

Navegação

Tecnologia	Versão	Finalidade
@react-navigation/native	^7.2.2	Navegação principal
@react-navigation/native-stack	^7.14.12	Stack navigator
@react-navigation/bottom-tabs	^7.18.3	Abas inferiores

Backend e Persistência

Tecnologia	Versão	Finalidade
Firebase JS SDK	^10.14.1	Firestore + Authentication
@react-native-async-storage/async-storage	2.2.0	Persistência offline
@react-native-community/netinfo	12.0.1	Detecção de conectividade

Estado e Validação

Tecnologia	Versão	Finalidade
Zustand	^5.0.14	Gerenciamento de estado global
Zod	^4.4.3	Validação de schemas

Expo SDK

Tecnologia	Versão	Finalidade
expo-notifications	~56.0.18	Notificações locais e push
expo-location	~56.0.18	GPS e geolocalização
expo-linear-gradient	~56.0.4	Gradientes na interface
expo-haptics	~56.0.3	Feedback tátil
expo-audio	~56.0.12	Áudio (sons de clique)
expo-image-picker	~56.0.18	Seleção de foto
expo-font	~56.0.7	Fontes customizadas
expo-file-system	~56.0.8	Manipulação de arquivos
expo-print	~56.0.4	Impressão PDF
expo-sharing	~56.0.16	Compartilhamento nativo
expo-local-authentication	~15.0.2	Autenticação biométrica
expo-asset	~56.0.17	Gerenciamento de assets
expo-build-properties	~56.0.19	Configuração de build nativo
expo-linking	~56.0.14	Deep linking
expo-status-bar	~56.0.4	Status bar
expo-updates	~56.0.19	Atualizações OTA

Componentes e UI

Tecnologia	Versão	Finalidade
react-native-screens	4.25.2	Telas nativas otimizadas
react-native-safe-area-context	~5.7.0	Área segura
react-native-svg	15.15.4	Vetores SVG
react-native-webview	13.16.1	WebView
lucide-react-native	^1.21.0	Ícones
@expo-google-fonts/inter	^0.4.2	Fonte Inter

Testes e Qualidade

Tecnologia	Versão	Finalidade
Jest	^30.0.0	Testes unitários
@testing-library/react-native	^12.9.0	Testes de componentes
ESLint	^8.57.0	Análise de código
Prettier	—	Formatação

Cloud Functions

Tecnologia	Versão
firebase-admin	^12.1.0
firebase-functions	^5.0.1
expo-server-sdk	^3.10.0

Estrutura

TaskFlow/
├── App.js                   # Navegação principal (Stack + Tab Navigator)
├── app.json                 # Configuração Expo
├── index.js                 # Entry point Expo
├── babel.config.js          # Configuração Babel
├── metro.config.js          # Configuração Metro Bundler
├── jest.config.js           # Configuração Jest
├── eslint.config.js         # Configuração ESLint (flat)
├── .eslintrc.json           # Configuração ESLint (legacy)
├── .prettierrc              # Configuração Prettier
├── eas.json                 # Perfis de build EAS
├── package.json
├── firebase.json            # Configuração Firebase Functions
├── .firebaserc              # Projeto Firebase padrão
├── seed-admin.js            # Script de seed admin
├── screenshot.js            # Captura de screenshots light (18 telas)
├── screenshot-dark.js       # Captura de screenshots dark (6 telas)
├── CHANGELOG.md             # Histórico de versões
├── FIREBASE_RULES.md        # Regras de segurança Firestore
├── .env                     # Variáveis de ambiente
├── .env.example             # Template de env vars
├── assets/
│   ├── icon.png
│   ├── adaptive-icon.png
│   ├── splash.png
│   ├── splash-icon.png
│   ├── favicon.png
│   └── sounds/
│       └── click.mp3        # Som de clique
├── docs/screenshots/        # Screenshots dark mode (6)
├── screenshots/             # Screenshots light mode (18)
├── functions/               # Cloud Functions Firebase
│   ├── package.json
│   ├── index.js
│   └── .gitignore
└── src/
    ├── screens/             # Telas do aplicativo
    │   ├── LoginScreen.js
    │   ├── CadastroScreen.js
    │   ├── EsqueciSenhaScreen.js
    │   ├── OnboardingScreen.js
    │   ├── HomeScreen.js
    │   ├── NovaTarefaScreen.js
    │   ├── DetalheTarefaScreen.js
    │   ├── DashboardScreen.js
    │   ├── CalendarScreen.js
    │   ├── HistoryScreen.js
    │   ├── ConfigScreen.js
    │   ├── PerfilScreen.js
    │   ├── FocoScreen.js
    │   ├── GeoLocalizacaoScreen.js
    │   ├── MapaAtualScreen.js
    │   ├── RotaMapScreen.js
    │   ├── CompartilhamentosRecebidosScreen.js
    │   └── ErrorScreen.js
    ├── components/          # Componentes reutilizáveis
    │   ├── AppInput.js
    │   ├── AppButton.js
    │   ├── AppCard.js
    │   ├── AppEmptyState.js
    │   ├── AppHeader.js
    │   ├── AppLoader.js
    │   ├── AppModal.js
    │   ├── AppSwitchTheme.js
    │   ├── CalendarioMultiSelect.js
    │   ├── CustomAlert.js
    │   ├── DatePickerModal.js
    │   ├── HamburgerMenu.js
    │   ├── LoginIllustration.js
    │   ├── MaskedInput.js
    │   ├── ModalAcessivel.js
    │   ├── OtimizedFlatList.js
    │   ├── PageContainer.js
    │   └── ScreenCard.js
    │   └── ui/              # Subcomponentes temáticos
    │       ├── AppCard.js
    │       ├── AppContainer.js
    │       ├── AppInput.js
    │       ├── AuthLayout.js
    │       ├── Avatar.js
    │       ├── Badge.js
    │       ├── BottomTabBar.js
    │       ├── Chip.js
    │       ├── ConfirmDialog.js
    │       ├── EmptyState.js
    │       ├── ErrorState.js
    │       ├── FloatingActionButton.js
    │       ├── FormCard.js
    │       ├── LoadingSkeleton.js
    │       ├── PageContainer.js
    │       ├── PasswordInput.js
    │       ├── PrimaryButton.js
    │       ├── ScreenHeader.js
    │       ├── SearchInput.js
    │       ├── SecondaryButton.js
    │       ├── SectionTitle.js
    │       ├── StatsCard.js
    │       ├── SuccessState.js
    │       └── TaskCard.js
    ├── contexts/
    │   ├── ThemeContext.js
    │   └── SoundContext.js
    ├── hooks/
    │   └── useSound.js
    ├── services/
    │   ├── firebaseConfig.js
    │   ├── tarefaService.js
    │   ├── compartilharService.js
    │   ├── notificacaoService.js
    │   ├── lembreteService.js
    │   ├── pomodoroService.js
    │   ├── historyService.js
    │   ├── feriadosService.js
    │   ├── biometriaService.js
    │   ├── exportService.js
    │   ├── exportPDFService.js
    │   ├── soundService.js
    │   └── loggerService.js
    ├── store/               # Estado global (Zustand)
    │   ├── authStore.js
    │   ├── taskStore.js
    │   ├── themeStore.js
    │   └── pomodoroStore.js
    ├── theme/               # Design system
    │   ├── colors.js
    │   ├── typography.js
    │   ├── spacing.js
    │   ├── radius.js
    │   ├── shadows.js
    │   ├── tokens.js
    │   ├── animations.js
    │   ├── icons.js
    │   ├── emojis.js
    │   └── illustrations.js
    ├── constants/
    │   ├── constants.js
    │   └── theme.js
    ├── config/
    │   ├── index.js
    │   └── env.js
    ├── i18n/                # Internacionalização
    │   ├── index.js
    │   ├── pt.js
    │   └── en.js
    ├── validations/
    │   └── schemas.js
    ├── utils/
    │   ├── asyncStorageUtils.js
    │   ├── date.js
    │   ├── format.js
    │   ├── masks.js
    │   └── imageUtils.js
    ├── interfaces/
    │   └── index.js
    ├── styles/
    │   ├── acessibilidade.js
    │   ├── responsive.js
    │   └── web.css
    ├── dev/
    │   └── ScreenshotNavigator.js
    └── __tests__/           # Testes unitários
        ├── setup.js
        ├── feriadosService.test.js
        ├── i18n.test.js
        ├── pomodoroService.test.js
        ├── utils.test.js
        ├── screens/
        │   ├── ErrorScreen.test.js
        │   ├── HistoryScreen.test.js
        │   └── OnboardingScreen.test.js
        └── utils/
            └── asyncStorageUtils.test.js

Navegação

App
├── SplashScreen (animado)
├── OnboardingScreen (primeira execução)
│
├── [Não autenticado]
│   ├── LoginScreen
│   │   ├── CadastroScreen
│   │   └── EsqueciSenhaScreen
│   └── ErrorScreen
│
└── [Autenticado]
    ├── HomeTabs (abas inferiores)
    │   ├── Inicio (DashboardScreen)
    │   ├── Tarefas (HomeScreen)
    │   ├── Foco (FocoScreen)
    │   ├── Calendário (CalendarScreen)
    │   └── Perfil (PerfilScreen)
    ├── NovaTarefaScreen
    ├── DetalheTarefaScreen
    ├── ConfigScreen
    ├── HistoryScreen
    ├── GeoLocalizacaoScreen
    ├── MapaAtualScreen
    ├── RotaMapScreen
    ├── CompartilhamentosRecebidosScreen
    └── ErrorScreen

Rotas do Stack Navigator

Rota	Tela	Autenticação
`Login`	LoginScreen	Não
`Cadastro`	CadastroScreen	Não
`EsqueciSenha`	EsqueciSenhaScreen	Não
`Home`	HomeTabs (5 abas)	Sim
`NovaTarefa`	NovaTarefaScreen	Sim
`DetalheTarefa`	DetalheTarefaScreen	Sim
`Config`	ConfigScreen	Sim
`Histórico`	HistoryScreen	Sim
`Perfil`	PerfilScreen	Sim
`Foco`	FocoScreen	Sim
`GeoLocalizacao`	GeoLocalizacaoScreen	Sim
`MapaAtual`	MapaAtualScreen	Sim
`RotaMap`	RotaMapScreen	Sim
`CompartilhamentosRecebidos`	CompartilhamentosRecebidosScreen	Sim
`Error`	ErrorScreen	Sempre

Abas do Tab Navigator

Aba	Componente	Ícone
Inicio	DashboardScreen	🏠
Tarefas	HomeScreen	📝
Foco	FocoScreen	⏱️
Calendário	CalendarScreen	📅
Perfil	PerfilScreen	👤

Capturas de Tela

Como Rodar

git clone https://github.com/claytonmarcelo/TaskFlow---app.git
cd TaskFlow---app
npm install
cp .env.example .env
# Edite .env com suas credenciais do Firebase
npx expo start

npm run web     # Expo web
npm run android # Expo android
npm run ios     # Expo ios

Scripts

Script	Comando	Descrição
`start`	`expo start`	Inicia servidor Expo
`android`	`expo start --android`	Inicia no Android
`ios`	`expo start --ios`	Inicia no iOS
`web`	`expo start --web`	Inicia no navegador
`test`	`jest --passWithNoTests`	Testes unitários
`test:coverage`	`jest --coverage --passWithNoTests`	Testes com cobertura
`lint`	`expo lint`	Análise de código
`doctor`	`expo-doctor`	Diagnóstico do projeto
`build`	`expo export`	Exporta build web

Build Android

npm install -g eas-cli
eas login
eas build --platform android --profile preview
eas build --platform android --profile production

Perfil	Tipo	Uso
`development`	Development client	Desenvolvimento
`preview`	APK (internal distribution)	Testes
`production`	APK/AAB	Produção

Testes

npm test

8 suites, 40 testes passando.

Suite	Testes	Descrição
`feriadosService.test.js`	7	Feriados nacionais, estaduais, municipais
`i18n.test.js`	7	Traduções pt/en
`pomodoroService.test.js`	2	Configurações Pomodoro
`utils.test.js`	9	Validação e máscaras (CPF, CNPJ, telefone, CEP, data)
`asyncStorageUtils.test.js`	5	Operações AsyncStorage
`ErrorScreen.test.js`	3	Renderização de erros 404, 500, 403
`HistoryScreen.test.js`	1	Estado de carregamento
`OnboardingScreen.test.js`	4	Slides, títulos, botões

Design System

Paleta de cores

Token	Light	Dark	Uso
Background	`#F8F7FC`	`#0B0718`	Fundo da tela
Surface	`#FFFFFF`	`#1A1230`	Cards e superfícies
Card	`#FFFFFF`	`#141022`	Cards agrupados
Primary	`#5B2DDF`	`#7C4DFF`	Destaque, botões, acentos
Chrome	`#111827`	`#F9FAFB`	Textos principais
Border	`#E5E7EB`	`#2A2140`	Bordas e divisores
Gold	`#FFD21F`	`#FFD21F`	Detalhes premium
Success	`#22C55E`	`#22C55E`	Sucesso
Error	`#EF4444`	`#F87171`	Erro, exclusão

Temas

Suporte a tema claro e escuro com alternância via botão na tela de login e configurações. Tema persistido no AsyncStorage.

Cloud Functions

Projeto possui functions/ com 4 funções Firebase:

onTaskShared — Notificação push ao compartilhar tarefa
sendDailyReminders — Lembrete diário 08:00 BRT
sendOverdueNotifications — Notificação de tarefas atrasadas 09:00 BRT
onUserDeleted — Limpeza de push tokens ao deletar usuário

Equipe

Membro	Papel
Clayton Marcelo Tavares de Lima	Desenvolvimento full-stack, arquitetura, Firebase, build
Caio Cesar Macedo	Design, documentação, testes
Victor Hugo Lopes	UI/UX, validação, qualidade

Docente: Prof. Artur Brandt — Desenvolvimento de Aplicativos Mobile

Instituição: Centro Universitário Augusto Motta — UNISUAM Curso de Análise e Desenvolvimento de Sistemas | Turma ADS0301N

Autor

Clayton Marcelo Tavares de Lima

GitHub: claytonmarcelo

Clayton Marcelo • Caio Cesar Macedo • Victor Hugo Lopes

Navigation Menu

Repository files navigation

TaskFlow

Gerenciador de Tarefas Inteligente

Sobre o Projeto

Download

Download TaskFlow APK

✅ Projeto Concluído

Funcionalidades

Tecnologias

Framework e Plataforma

Navegação

Backend e Persistência

Estado e Validação

Expo SDK

Componentes e UI

Testes e Qualidade

Cloud Functions

Estrutura

Navegação

Rotas do Stack Navigator

Abas do Tab Navigator

Capturas de Tela

Como Rodar

Scripts

Build Android

Testes

Design System

Paleta de cores

Temas

Cloud Functions

Equipe

Autor

About

Releases

Packages

Contributors

Languages

Name		Name	Last commit message	Last commit date
Latest commit History 156 Commits
.github/workflows		.github/workflows
assets		assets
docs/screenshots		docs/screenshots
functions		functions
screenshots		screenshots
src		src
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.firebaserc		.firebaserc
.gitignore		.gitignore
.npmrc		.npmrc
.prettierrc		.prettierrc
App.js		App.js
CHANGELOG.md		CHANGELOG.md
FIREBASE_RULES.md		FIREBASE_RULES.md
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
eas.json		eas.json
eslint.config.js		eslint.config.js
export-log.txt		export-log.txt
firebase.json		firebase.json
index.js		index.js
jest.config.js		jest.config.js
metro.config.js		metro.config.js
package-lock.json		package-lock.json
package.json		package.json
screenshot-dark.js		screenshot-dark.js
screenshot.js		screenshot.js
seed-admin.js		seed-admin.js

Folders and files

Latest commit

History

Repository files navigation

TaskFlow

Gerenciador de Tarefas Inteligente

Sobre o Projeto

Download

Download TaskFlow APK

✅ Projeto Concluído

Funcionalidades

Tecnologias

Framework e Plataforma

Navegação

Backend e Persistência

Estado e Validação

Expo SDK

Componentes e UI

Testes e Qualidade

Cloud Functions

Estrutura

Navegação

Rotas do Stack Navigator

Abas do Tab Navigator

Capturas de Tela

Como Rodar

Scripts

Build Android

Testes

Design System

Paleta de cores

Temas

Cloud Functions

Equipe

Autor

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages