Skip to content

Latest commit

 

History

History
84 lines (60 loc) · 2.54 KB

README.md

File metadata and controls

84 lines (60 loc) · 2.54 KB

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

🚀 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