https://github.com/coelhoreinaldo/to-do-list

A dynamic to do list developed with React.js, TypeScript and Styled Components.
https://github.com/coelhoreinaldo/to-do-list

react reactjs styled-components typescript

Last synced: 27 days ago
JSON representation

A dynamic to do list developed with React.js, TypeScript and Styled Components.

• Host: GitHub
• URL: https://github.com/coelhoreinaldo/to-do-list
• Owner: coelhoreinaldo
• Created: 2023-02-19T19:54:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-08T02:47:35.000Z (over 1 year ago)
• Last Synced: 2024-10-25T01:26:42.829Z (3 months ago)
• Topics: react, reactjs, styled-components, typescript
• Language: TypeScript
• Homepage: http://www.coelhoreinaldo.dev/to-do-list/
• Size: 3.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋 To-do list

![Projeto](./app.png)

## 📘 Sobre

To-do list desenvolvida em React.js, TypeScript e Styled Components. Esse projeto foi inicialmente criado com JavaScript vanilla no início dos meus estudos. Decidi refatorar ele colocando em prática alguns conceitos que aprendi estudando Front-end.

Clique [aqui](https://github.com/coelhoreinaldo/to-do-list-vanilla-js) para ver a primeira versão do projeto.

## 🧩 Funcionalidades

- Adicionar tarefas;

- Marcar uma tarefa como concluída;

- Excluir uma ou todas as tarefas;

- Limpar as tarefas finalizadas;

- Editar uma tarefa;

- Mudar uma tarefa de posição.

## ⚛️ Ferramentas

Projeto construído utilizando React.js.

- TypeScript;

- Componentes Funcionais;

- React Hooks;

- Styled Components;

- Mobile First.

## 🛠️ Como executar o projeto?

1. Instalando dependências

`npm install`

2. Executando a aplicação

`npm run dev`

## 📝 Nota

![100% de aprovação no projeto](./grade.png)