TaskBoard — Frontend

palette

Sobre o projeto

O TaskBoard é uma aplicação de gerenciamento de tarefas desenvolvida para colocar em prática conceitos de desenvolvimento frontend e integração com APIs. O frontend foi desenvolvido com React, TypeScript e Vite, utilizando React Router para navegação e TanStack Query para gerenciamento das requisições e do estado relacionado aos dados. A aplicação conta com autenticação, rotas protegidas, criação e gerenciamento de tarefas e uma área administrativa para gerenciamento de usuários. O projeto também foi estruturado seguindo conceitos do Feature-Sliced Design (FSD), buscando uma organização clara e uma boa separação de responsabilidades entre as diferentes partes da aplicação.

Tecnologias utilizadas

  • CSS3
  • HTML
  • Javascript
  • Node.js
  • React
  • Typescript

Desafios

Transformando uma API em uma aplicação completa

Um dos principais desafios foi construir o frontend, cuidando da autenticação, rotas protegidas e comunicação entre as duas aplicações.

Também foi um exercício de organização e arquitetura, utilizando React, TypeScript, TanStack Query e conceitos de Feature-Sliced Design para manter o projeto escalável e fácil de evoluir.

perfil-2

Tecnologias e arquitetura

O frontend foi desenvolvido com React, TypeScript e Vite, utilizando React Router, TanStack Query, React Hook Form e Zod para estruturar a aplicação e lidar com navegação, dados e formulários.

A aplicação segue conceitos de Feature-Sliced Design (FSD), com uma organização baseada em responsabilidades e separação entre páginas, funcionalidades, entidades e recursos compartilhados.

code