Skip to content

karoldm/k-board

Repository files navigation

Aplicação para Gerenciamento de Projetos e Tarefas em um Quadro Kanban! Desenvolvido utilizando ReactJS e TypeScript para proporcionar uma experiência fluida e intuitiva para os usuários :)

Funcionalidades

Autenticação e Autorização

  • Cadastro de Usuários: Permite que novos usuários se cadastrem informando nome, email, senha e foto de perfil
  • Login: Autenticação integrada com a API utilizando JWT

Gerenciamento de Perfil

  • Atualizar Perfil: Os usuários podem alterar foto e nome
  • Atualizar Senha: Os usuários pode trocar de senha

Projetos

  • Criação de Projetos: Permite a criação de novos projetos
  • Convite de Membros: Permite que usuários se juntem a projetos através do compartilhamento do ID do projeto
  • Gerenciamento de Projetos: Interface para gerenciar os projetos e acompanhar seu progresso

Tarefas

  • Criação de Tarefas: Permite adicionar novas tarefas aos projetos
  • Movimentação de Tarefas: Arraste e solte para mover tarefas entre as colunas do quadro Kanban e acompanhar o progresso das mesmas
  • Exclusão: Possibilidade de excluir tarefas conforme necessário
login home enter project tasks new task project info

Tecnologias e Ferramentas Utilizadas

  • ReactJS: Biblioteca principal para desenvolvimento da interface (saiba mais em React)
  • TypeScript: Para um código mais seguro e tipado (saiba mais em Typescript)
  • React Query: Gerenciamento de estado assíncrono e cache de requisições (saiba mais em React Query)
  • Axios: Para comunicação eficiente com a API (saiba mais em Axios)
  • React Bootstrap: Para estilização e componentes responsivos (saiba mais em React Boostrap)
  • Styled Components: Para fácil estilização (saiba mais em Styled Components)

Como Executar o Projeto

Pré-requisitos

  • Node.js 18+
  • Yarn

Instalação e Execução

  1. Clone o repositório:

    git clone git@github.com:karoldm/k-board.git
    cd k-board
  2. Instale as dependências:

    yarn
  3. Configure as variáveis de ambiente (crie um arquivo .env na raiz do projeto):

    REACT_APP_API_URL=http://localhost:8080
    REACT_APP_STORAGE_KEY=auth_token
  4. Inicie o projeto:

    yarn start

Deploy

Projeto hospedado no Render

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests ❤️

About

k-board is a kanban app to help you manage your tasks and projects

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published