Skip to content

To-do List app by Taw Simões created as a personal project for Resilia's Full Stack development course (class "Códigos do Amanhã" by Ebanx).

Notifications You must be signed in to change notification settings

devtaw/to-do-list-doneit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo - Do It


To-do List | Do It

Tópicos

Resumo 📝

Aplicativo To-do List capaz de permitir que o usuário gerencie sua lista de tarefas de forma simples e eficiente.

Descrição 📄

O app Do It - Lista de Tarefas foi desenvolvido para a avaliação "Projeto Individual - Javascript e React: Lista de Tarefas” do "Módulo 5: Frameworks, bibliotecas, tecnologias client-side/front-end + Postura profissional e Inovação" do curso de formação WebDev Full Stack JavaScript da Resilia Educação em parceria com o programa "Códigos do Amanhã" da EBANX.

Link para acessar o app: https://to-do-list-doneit.vercel.app/

Funcionalidades 🛠️

  1. Adicionar itens Acrescenta novas tarefas de modo simples à lista de afazeres;
  2. Editar itens Ajusta as tarefas diretamente na lista visando atualizações;
  3. Deletar itens Remove as tarefas indesejadas da lista de afazeres;
  4. Marcar itens concluídos Sinaliza com checked as tarefas feitas;
  5. Buscar tarefas Encontra tarefas específicas ao informar texto;
  6. Filtrar tarefas Seleciona as tarefas de acordo com seu status atual (feitas ou a fazer).

Técnicas e tecnologias utilizadas 🖥️

  • React useState Hook
  • Estilos dinâmicos com styled-components
  • Componentes funcionais com React

React Vite Styled Components JavaScript CSS3

Paleta de cores 🎨

Paleta de Cores do Projeto

Pré-requisitos ⚠️

Certifique-se de ter o Node.js instalado em seu sistema. Você pode baixá-lo em nodejs.org. Node.js

Como instalar 🏗️

  • Clone o repositório para seu sistema local:
Com HTTPS:
git clone https://github.com/devtaw/to-do-list-doneit.git
  • Acesse o diretório do projeto:
cd to-do-list-doneit
  • Instale as dependências do projeto:
Com gerenciador de pacotes npm:
npm install
  • Inicie a aplicação:
npm run dev
  • O aplicativo ficará disponível no seu navegador pelo link:

http://127.0.0.1:5173/

Acesso ao projeto 📂

  • Acesse os arquivos de código-fonte clicando aqui.
  • Ou faça o download dos arquivos de código-fonte clicando aqui.

Desenvolvedora :octocat:

Foto de perfil
Tawany Simões (Taw)

About

To-do List app by Taw Simões created as a personal project for Resilia's Full Stack development course (class "Códigos do Amanhã" by Ebanx).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published