bpbastos / kanban-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kanban App

Package - vue Package - @vueuse/core Package - vue-router Package - pinia Package - axios Package - tailwindcss Package - tailwind-scrollbar Package - daisyui Package - theme-change

Tela principal

Pequena aplicação web de gestão de projetos utilizando Kanban. Desenvolvida com Vue 3, Tailwind CSS e DaisyUI.

Este frontend foi desenvolvido como trabalho de conclusão do segundo módulo - Desenvolvimento Frontend Avançado - da Pós-Graduação em Desenvolvimento FullStack da PUC-RIO.

Link para o protótipo em alta fidelidade no Figma

Funcionalidades

  • Listar quadros.
  • Criar tarefa.
  • Editar tarefa.
  • Excluir tarefa.
  • Adicionar sub tarefas.
  • Exibir informações do perfil de usuário.

Todo

  • Implementar backend real.
  • Login de usuário.
  • Registro de usuários.
  • Criar/Editar/Arquivar quadros.
  • Criar/Editar/Arquivar workflows|status.
  • Arquivar tarefas.
  • Associar usuários a tarefas.
  • Associar usuários a sub tarefas.
  • Reordenar tarefas.
  • Reordenar sub tarefas.
  • Arrastar tarefas entre workflows|status.
  • Layout Responsivo no mobile.
  • Validação nos formulários.
  • Gerenciador de temas.
  • Sistema de notificação.
  • Implementar interface entre API e frontend via composables

💻 Pré-requisitos

Antes de começar, verifique se você atendeu aos seguintes requisitos:

  • NodeJS

🚀 Instalando

Para instalar, siga estas etapas:

Clone o repositório :

git clone https://github.com/bpbastos/kanban-app.git

Após clonar, instale as dependências da aplicação.

npm install

☕ Usando

Primeiro inicie o fake backend:

npm run backend

Em outro terminal, execute:

npm run dev

Abra o endereço http://localhost:5173/board no seu navegador.

About


Languages

Language:Vue 66.6%Language:JavaScript 31.5%Language:HTML 1.8%Language:CSS 0.1%