Skip to content

walissonsilva/todo-list-react

Repository files navigation

to.do

to.do

Uma aplicação de gerenciamento de tarefas desenvolvida durante o primeiro desafio do Ignite, bootcamp da Rocketseat, especificamente, da Trilha de ReactJS. O projeto foi desenvolvido a partir de um template previamente disponibilizado.

O foco do projeto é ampliar, na prática, a compreensão dos Conceitos Fundamentais do ReactJS. O objetivo é uma pequena aplicação de atividades a fazer, para treinar um pouco mais sobre manipulação do estado no React. Para isso, foi desenvolvido (da minha parte) toda a lógica para:

  1. Adicionar uma nova tarefa;
  2. Remover uma tarefa;
  3. Marcar e desmarcar uma tarefa como concluída.

Funcionamento da Aplicação

No gif abaixo é possível conferir o funcionamento da aplicação após a adição dos recursos solicitados:

Gif do Funcionamento da Aplicação

Recursos Extras Adicionados

1. Responsividade

A fim de praticar alguns conceitos adicionais do Desenvolvimento Front-End, adicionei também responsividade à aplicação. O resultado pode ser observado no gif abaixo:

Gif motrando responsividade

2. Alerta (Toast) de Tarefa Vazia

Foi passado que a tarefa não deveria ser adicionada, caso fosse vazia. Sendo assim, adicionei um Toast para notificar ao usuário que tarefas vazias não podem ser adicionadas, visando uma melhoria na experiência do usuário (UX). O resultado pode ser conferido no gif apresentado na própria seção Funcionamento da Aplicação.

OBS.: Este recurso está disponível apenas na branch feature/add-toast.

About

Desafio 01 do Ignite: Fundamentos do ReactJS | Trilha de ReactJS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages