Kanban project

Sobre | Tecnologias | Recursos | Instalação | Licença

Sobre

Aplicação web de gerenciamento de tarefas utilizando o método organizacional com o quadro Kanban. Principais funcionalidades:

• Autenticação: Firebase Auth.
• Banco de dados: Firebase Firestore.
• Upload de imagem: Firebase Storage.
• Drag and drop: react-beautiful-dnd.
• Editor de Rich Text: Quill.
• Design: Chakra-ui

Tecnologias

• next
• firebase
• quill
• react-beautiful-dnd
• react-hook-form
• react-icons
• chakra-ui

Recursos

• Autenticação.
• Notificações.
• Upload de avatar.
• Comentarios.
• Resposividade.
• Modo escuro.
• Melhorias de UI design.
• Login social.
• Performace.

Instalação

Clone o projeto e acesse a pasta:

git clone https://github.com/marchetti2/kanban-reactjs.git && cd kanban-reactjs

Instale as dependencias:

yarn

Variaveis Ambiente

Crie um novo projeto no Firebase. Ative a autenticação por Email/Senha e o Firestore na regiao southamerica-east1. A partir do arquivo .env.local.example na raiz do projeto, crie outro arquivo chamado .env.local usando a mesma estrutura e preencha com suas variaveis ambiente do seu projeto no Firebase.

Rode o projeto:

yarn dev

Tudo pronto! Abra o projeto em http://localhost:3000.

Licença

Projeto desenvolvido por Mário Luiz.