Thanks to visit codestin.com
Credit goes to github.com

Skip to content

ovitorhilario/task-list

Repository files navigation

📋 Task List

Aplicativo mobile moderno de gerenciamento de tarefas desenvolvido com React Native e Expo. Interface elegante com suporte a temas Dark/Light, usando React Native Unistyles 🦄, sistema de cores personalizadas e timeline interativa.

App Overview

🔨 Diagrama Geral

Diagram

🎨 Capturas de Tela

Tema Dark

Tarefas Seleção Nova Tarefa Perfil
Tarefas Dark Seleção Dark Nova Tarefa Dark Perfil Dark

Tema Light

Tarefas Seleção Nova Tarefa Perfil
Tarefas Light Seleção Light Nova Tarefa Light Perfil Light

✨ Funcionalidades

  • CRUD Completo: Criar, editar, excluir e marcar tarefas como concluídas
  • Seleção Múltipla: Operações em lote para maior produtividade
  • Sistema de Cores: 7 cores post-it para categorização visual
  • Timeline de Datas: Visualização e agendamento de tarefas
  • Filtros: Todas, Pendentes, Concluídas
  • Temas: Dark/Light automático
  • Animações: Transições fluidas e feedback tátil

🛠️ Stack Tecnológica

  • React Native 0.79.4 + TypeScript + Expo ^53.0.15
  • Zustand ^5.0.6 - State management
  • React Native MMKV ^3.3.0 - Armazenamento local otimizado
  • React Native Reanimated ~3.17.4 - Animações de alta performance
  • React Native Unistyles ^3.0.0 - Sistema de estilos
  • date-fns ^4.1.0 - Manipulação de datas

📊 Estrutura de Dados

type Task = {
  id: string;
  title: string;
  description: string;
  colorId: number; // 1-7 (cores post-it)
  createdAt: Date;
  updatedAt: Date;
  scheduledAt: Date | null;
  completedAt: Date | null;
}

🚀 Como Executar

# 1. Clone e instale
git clone https://github.com/ovitorhilario/task-list.git
cd task-list
npm install

# 2. Instale o Expo Dev Client
npx expo install expo-dev-client

# 3. Gere o build para sua plataforma
npx expo prebuild --platform android
# ou
npx expo prebuild --platform ios

# 4. Execute no dispositivo/emulador
npx expo run:android
# ou
npx expo run:ios

⚠️ Importante: O App não roda no Expo Go (é um development build)

🏆 Destaques Técnicos

  • Performance: FlatList virtualizada, MMKV (10x mais rápido que AsyncStorage)
  • UX: TypeScript 100%, arquitetura modular, componentes reutilizáveis
  • Mobile-First: Gestos nativos, feedback tátil, temas automáticos

Desenvolvido com ❤️ usando React Native & Expo

About

React Native Task List

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published