/kanban-tarefas-mobile

Primary LanguageTypeScript

KanbanApp

Sumário

  1. Funcionalidades
  2. Vídeo de demonstração
  3. Como rodar
  4. Tecnologias

Funcionalidades

  • Listar tarefas por status ("Para Fazer", "Em Progresso" e "Concluída")
  • Adicionar tarefa, com título e descrição
  • Trocar ordem das tarefas
  • Editar tarefa
    • Mudar status
    • Favoritar tarefa (e, assim, aparecer nas primeiras posições)
  • Ver gráficos estatísticos
    • Distribuição de tarefas por status (gráfico de pizza)
    • Quantidade de tarefas concluídas por data (gráfico de linha)

Vídeo de demonstração

KanbanMobile_demo.mp4

Como rodar

  • Na pasta /server:
    1. Rode npm install para instalar as dependências
    2. Crie um arquivo .env e adicione a seguinte variável de ambiente:
    DATABASE_URL="file:./dev.db"
    1. Opcionalmente, rode npm run seed para inserir alguns dados de exemplo no banco de dados
    2. Para rodar o back-end, rode npm run dev
  • Em outro terminal, na pasta /mobile:
    1. Rode npm install para instalar as dependências
    2. Duplique o arquivo .env.example e nomeie como .env
    3. Veja qual o IP da sua rede e adicione-o como valor da variável EXPO_PUBLIC_IP_ADDRESS. No Linux, o comando é:
    sudo ifconfig
    1. Rode npm run start para iniciar o app

Tecnologias

  • React Native
  • React Hook Form
  • React Native Chart Kit
  • React Native Draggable Flatlist
  • React Query
  • Express
  • Prisma
  • TypeScript