Desafio FrontEnd com NextJS

Este projeto é um desafio de desenvolvimento que envolve a criação de um quadro Kanban usando TypeScript e Next.js. O objetivo é implementar um sistema eficiente para gerenciamento de tarefas e projetos.

Tecnologias Utilizadas

• TypeScript
• Next.JS
• Tailwind
• Git
• Docker

Imagem da tela que deve ser desenvolvida

Link para acessar o projeto no Adobe XD: https://xd.adobe.com/view/bef2808d-e307-45a7-88ab-a7b844389d45-eba1/

Informações sobre como deve ser feito projeto:

• A página deve ter uma lista dos veículos que estão no fluxo de Checklist, com a possibilidade de filtrar por veículo, tecnologia, categoria do vínculo e situação.
• A lista dos veículos devem ser aleatórias sempre que a pagina for carregada. (Deve ser criada uma lista para cada categoria de vínculo, tecnologia e situação)
• O máximo de itens em cada coluna do Kanban é de 5 itens.
• As placas dos veículos não podem se repetir. (Não necessita ser uma placa válida)
• Filtros funcionais
• Ao clicar em um dos itens, deve ser aberto um modal com as informações do veículo. Placa, situação, técnologia, categoria do vinculo são os principais itens, caso julgue necessário poderá implementar mais itens.
• O Projeto foi criado no Adobe XD, porém caso sinta necessidade de aprimorar o mesmo e apresentar uma versão melhor (em sua visão), será permitido.
• A página deve ser responsiva, funcionando bem em dispositivos móveis e desktops.

Diferenciais:

• Realizar o deploy da aplicação para que seja fácil visualizar
• Utilizar o PNPM como gerenciador de depedências
• Utilizar a versão 14 do NextJS

Outras informações:

A lista com as categorias a serem utilizadas está neste repositório no arquivo lista.md

O que será avaliado e valorizamos ❤️

• Documentação
• Código limpo e organizado (nomenclatura, etc)
• Consistência e capacidade de argumentação das escolhas
• Apresentação de soluções que domina
• Manutenibilidade do código
• Tratamento de erros
• Cuidado com itens de segurança
• Testes
• Responsividade

Como participar

Por favor, envie-nos o código da sua solução. Se possível, inclua algumas instruções sobre como executar a página e alguns testes para garantir que ela esteja funcionando corretamente.

Ficamos ansiosos para ver sua solução!

Obrigado pelo seu interesse em trabalhar conosco!