My-ToDo-App

💻 Projeto

My-Todo-App é uma aplicação de gerenciamento de tarefas que permite ao usuário adicionar, atualizar, e remover tarefas, além de filtrá-las por estado de conclusão e data limite. O projeto foi desenvolvido com foco em boas práticas de usabilidade e design responsivo.

🧪 Tecnologias

• ReactJS: Biblioteca JavaScript para a construção de interfaces de usuário.
• TypeScript: Superset do JavaScript que adiciona tipagem estática ao código.
• Vite: Ferramenta de desenvolvimento para frontend que proporciona um build rápido e otimizado.
• JSON Server: Ferramenta para criação de uma API REST falsa rapidamente para desenvolvimento frontend.
• Axios: Cliente HTTP baseado em promessas para o navegador e node.js.

🖌️ Bibliotecas UI

• LucideIcons: Biblioteca de ícones de código aberto para aplicações modernas.
• Tailwind: Framework de CSS para design rápido e customizável.
• ShadCn: Biblioteca de componentes UI para um desenvolvimento rápido.

🛠️ Funcionalidades

• Adicionar, editar e remover tarefas.
• Filtrar tarefas por estado (em andamento ou concluídas) e por data limite.
• Buscar tarefas por título.
• Interface responsiva e intuitiva.

📑 Como Inicializar a Aplicação Localmente

Siga os passos abaixo para configurar e rodar o projeto em sua máquina local:

Pré-requisitos

• Node.js (versão 14 ou superior)
• npm (gerenciador de pacotes do Node.js)

Passo a Passo

1. Clone o repositório:

   Abra o terminal e execute o seguinte comando para clonar o repositório para o seu computador:

   git clone https://github.com/AntDavi/todo-app

2. Execulte o projeto:

   # Entrar no diretorio
   $ cd tod-app
   
   # Intalação das dependencias
   $ npm install
   
   # Para execultar o projeto
   $ npm run dev
   
   # Para execultar o servidor
   $ npm run start:server

3. Para execultar testes

   #Execução
   $ npm run test

   Para adicionar mais testes basta acrescentar em src/test um arquivo [NOME_DO_COMPONENTE].test.(ts|tsx)

📝 Licensa

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para obter mais detalhes.

---

Criado por Anthony Davi 🙃