O projeto é uma aplicação simples de lista de tarefas (to-do list) desenvolvida em Typescrip,React e Next.js. Sua funcionalidade principal é permitir que os usuários gerenciem suas tarefas, podendo adicionar, editar e excluir itens da lista.
Typescript: Foi empregado o Typescript para melhorar a qualidade do código, através da adoção de tipagem estática.
React: A biblioteca React foi fundamental para criar interfaces de usuário interativas e responsivas. Com ela, foi possível dividir a aplicação em componentes reutilizáveis, facilitando o desenvolvimento e a manutenção do código.
Next.js: Funcionalidade de roteamento simplificado facilitando a navegação do usuário dentro da aplicação. E com a otimização do aplicativo para produção, proporcionando uma melhor experiência de uso.
Branches e Convenção de Commits: A metodologia de trabalho com branches foi adotada para organizar o desenvolvimento de forma mais eficiente. Cada funcionalidade ou correção foi desenvolvida em sua própria branch, permitindo uma implementação isolada e segura. A convenção de commits adotada tornou o histórico de alterações mais claro e compreensível, facilitando o entendimento do que foi modificado em cada etapa do desenvolvimento.
Material UI: A biblioteca de componentes Material UI foi utilizada para acelerar o desenvolvimento da interface de usuário. Com uma vasta gama de componentes prontos e estilizados, foi possível criar uma aparência moderna e responsiva para a aplicação sem a necessidade de estilização manual.
Armazenamento no Localstorage: Os dados da lista de tarefas são armazenados localmente no Localstorage do navegador, proporcionando uma experiência consistente para o usuário. Isso permite que as tarefas adicionadas e o progresso realizado sejam salvos, mesmo após fechar o navegador ou atualizar a página.
- Página Inicial de Listagem de Tarefas
- Adicionar Novas Tarefas
- Edição de Tarefas Existentes
- Exclusão de Tarefas
- Roteamento usando Next.js
- Componentes Funcionais e Hooks
- Persistência das Tarefas no Local Storage
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: git e node.js. Você também vai precisar de um editor de código, recomendo o VS Code.
# Clone este repositório (ou download )
git clone git@github.com:magnobrandao/test-react-next-js-junior.git
# Acesse a pasta do projeto no terminal/cmd
$ cd test-react-next-js-junior/desafio
# Instale as dependências
$ yarn
# Após a instalação, execute o comando para rodar a aplicação
$ yarn dev