Skip to content

Desafio realizado com o intuito de testar os conceitos fundamentais do React que foram adquiridos durante o primeiro módulo do curso de React da Rocketseat.

License

Notifications You must be signed in to change notification settings

Kreitmaier/react-to-do-list

Repository files navigation

To Do List

preview

🔗Acesse o projeto clicando aqui

GitHub language count GitHub language top Repository size GitHub last commit License

💻 Sobre o projeto

Desafio realizado com o intuito de testar os conceitos fundamentais do React que foram adquiridos durante o primeiro módulo do curso de React da Rocketseat.

O desafio consiste em desenvolver uma aplicação de controle de tarefas de acordo com o layout disponibilizado no Figma, apesar de simples o aplicativo, durante o desenvolvimento foi possível exercitar os conceitos de Estado, Imutabilidade de estado, Listas e chaves no ReactJs, Propriedades e Componentização.

📝Features

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

🎨 Layout

O layout da aplicação está disponível no Figma:

Web

To Do List Empty To Do List

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Dependências - logo NPM NPM

🚀 Como executar o projeto

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: logo Git Git e logo Nodejs Node.js. Além disto é bom ter um editor de texto para trabalhar com o código por exemplo o logo Visual Studio Code VSCode.

▶️ Rodando a aplicação web (Front End)

# Clone este repositório
$ git clone https://github.com/Kreitmaier/react-to-do-list.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd react-to-do-list

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta na porta:5173 - acesse http://localhost:5173

👨‍💻 Autor


Douglas Kreitmaier

👋 Fique à vontade para entrar em contato!

Linkedin Badge
Gmail Badge

About

Desafio realizado com o intuito de testar os conceitos fundamentais do React que foram adquiridos durante o primeiro módulo do curso de React da Rocketseat.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published