Este é o repositório do frontend para o projeto de avaliação de código. Este projeto foi construído usando React, Zustand, Vite e outras tecnologias modernas.

Para configurar e executar este projeto localmente, siga as etapas abaixo:

1. Clone o repositório:

   git clone https://github.com/RebecaRose/code-assessment-fe.git
   cd code-assessment-fe

2. Instale as dependências:

   npm install

3. Execute o servidor de desenvolvimento:

   npm run dev

4. Execute os testes:

   npm run test

5. Construa o projeto para produção:

   npm run build

6. Visualize a versão de produção:

   npm run preview

• React: Biblioteca JavaScript para construção de interfaces de usuário.
• Zustand: Biblioteca para gerenciamento de estado.
• Vite: Ferramenta de build rápida para projetos modernos de frontend.
• React Router: Biblioteca para roteamento em aplicações React.
• Framer Motion: Biblioteca para animações em React.
• React Icons: Biblioteca de ícones para React.
• React Hot Toast: Biblioteca para notificações em React.
• React Loading Skeleton: Biblioteca para exibir esqueletos de carregamento.
• Dnd Kit: Biblioteca para drag and drop.
• Floating UI: Biblioteca para posicionamento de elementos flutuantes.
• Testing Library: Conjunto de utilitários para testar componentes React.
• Vitest: Framework de testes para Vite.
• Tailwind CSS: Framework de CSS utilitário.

• Component-Based Architecture: O projeto é estruturado em componentes reutilizáveis e modulares.
• State Management with Zustand: Zustand é usado para gerenciamento de estado global, proporcionando uma maneira simples e eficiente de gerenciar o estado da aplicação.
• Routing with React Router: React Router é usado para gerenciar a navegação entre diferentes páginas da aplicação.
• Build and Development with Vite: Vite é usado como ferramenta de build para proporcionar uma experiência de desenvolvimento rápida e eficiente.

• Tags: Implementação de tags para categorizar e organizar tarefas.
• Página de Not Found: Página personalizada para exibir quando uma rota não é encontrada.
• Drag & Drop: Funcionalidade de arrastar e soltar para reordenar tarefas.
• Empty State: Exibição de um estado vazio quando não há dados disponíveis.
• Loading State: Exibição de um estado de carregamento enquanto os dados estão sendo buscados.