---

Todo List - Ians

Este projeto é uma aplicação de lista de tarefas (To-Do List) desenvolvida com React e TypeScript. O objetivo é oferecer uma interface simples e eficiente para gerenciar suas tarefas diárias.

👨🏻‍💻 Deploy

• https://to-do-ians.vercel.app/

🚀 Tecnologias Utilizadas

• React: Biblioteca para construção de interfaces.
• TypeScript: Superset do JavaScript com tipagem estática.
• Vite: Ferramenta para criação e build de projetos React com alta performance.
• CSS Modules: Para estilização encapsulada e modular.

📝 Funcionalidades

• Adicionar Tarefas: Permite adicionar novas tarefas.
• Marcar como Concluída: Indique o status de conclusão das tarefas.
• Editar Tarefas: Edite as tarefas da lista com facilidade.
• Excluir Tarefas: Remova tarefas da lista com facilidade.
• Visual Limpo e Responsivo: Design simples para foco na produtividade.

📂 Estrutura de Diretórios

src/
├── assets/                   # Ícones e imagens
│   ├── Clipboard.svg
│   ├── rocket.svg
│   └── todo.svg
├── components/               # Componentes reutilizáveis
│   ├── Header.module.css     # Estilos do cabeçalho
│   ├── Header.tsx            # Componente do cabeçalho
│   ├── Task.module.css       # Estilos para o componente de tarefa
│   ├── Task.tsx              # Componente de exibição de tarefa
│   ├── TaskForm.module.css   # Estilos do formulário de tarefa
│   └── TaskForm.tsx          # Componente de formulário para adicionar/editar tarefas
├── App.module.css            # Estilos globais da aplicação
├── App.tsx                   # Componente principal
├── global.css                # Estilos globais
├── main.tsx                  # Ponto de entrada da aplicação
└── vite-env.d.ts             # Declarações de tipos para o Vite

📦 Como Executar o Projeto

1. Clone o repositório:

   git clone https://github.com/seu-usuario/todo-list-ians.git

2. Navegue até o diretório do projeto:

   cd todo-list-ians

3. Instale as dependências:

   npm install

4. Inicie a aplicação:

   npm run dev

🎯 Próximas Funcionalidades

• Adicionar funcionalidade de edição de tarefas. ✅
• Implementar armazenamento em nuvem das tarefas.
• Melhorar a experiência mobile com ajustes no layout.

🖋️ Autor

• Ian França

---