saulo1212 / ToDoLisT_react_js

Desafio rockeseat

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ToDoLisT_react_js

Desafio rockeseat

Desafio 01 - Praticando os conceitos do ReactJS

Sobre o desafio

Nesse desafio, você vai desenvolver uma aplicação de controle de tarefas no estilo to-do list, que contém as seguintes funcionalidades:

  • Adicionar uma nova tarefa
  • Marcar e desmarcar uma tarefa como concluída
  • Remover uma tarefa da listagem
  • Mostrar o progresso de conclusão das tarefas

Apesar de serem poucas funcionalidades, você vai precisar relembrar conceitos como:

  • Estados
  • Imutabilidade do estado
  • Listas e chaves no ReactJS
  • Propriedades
  • Componentização

Layout da aplicação

Para essa aplicação nós fornecemos um layout para que você possa seguir e implementar todas as funcionalidades desenhadas no figma.

Para acessar o Figma, você primeiro deve criar uma conta na plataforma.

Criando uma conta no Figma

Para acessar o Layout da aplicação, você primeiramente deve ter uma conta criada na plataforma do Figma, para isso, você pode clicar aqui.

Então, na página de cadastro, você pode logar diretamente com sua conta do Google ou criar uma conta com o e-mail que você preferir.

Acessando o layout do app

Após criar e logar em sua conta, você deve duplicar o Layout do desafio. Para isso, basta você clicar no link abaixo. Ele adicionará o Layout à sua dashboard do Figma automaticamente, como uma cópia e abrirá o layout da aplicação para a sua visualização.

https://www.figma.com/file/z1zJZ1FSjCSzcpvWFV6Znp/ToDo-List-(Copy)

About

Desafio rockeseat


Languages

Language:CSS 50.2%Language:TypeScript 45.6%Language:HTML 4.2%