https://github.com/hugovarellaa/ignite-praticando-conceitos
Ignite ReactJS 2022 - Desafio: Praticando Conceitos (Todo-List)
https://github.com/hugovarellaa/ignite-praticando-conceitos
css-modules eslint phosphoricons react typescript vitejs
Last synced: 2 months ago
JSON representation
Ignite ReactJS 2022 - Desafio: Praticando Conceitos (Todo-List)
- Host: GitHub
- URL: https://github.com/hugovarellaa/ignite-praticando-conceitos
- Owner: Hugovarellaa
- Created: 2022-07-09T13:03:32.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-28T15:20:06.000Z (almost 4 years ago)
- Last Synced: 2025-02-15T15:50:28.323Z (over 1 year ago)
- Topics: css-modules, eslint, phosphoricons, react, typescript, vitejs
- Language: TypeScript
- Homepage: https://ignite-praticando-conceitos.vercel.app/
- Size: 6.98 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[🔗 Link para o projeto online](https://ignite-praticando-conceitos.vercel.app/)
## 📚 Informações sobre o projeto
- 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, precisa relembrar conceitos como:
- Estados
- Imutabilidade do estado
- Listas e chaves no ReactJS
- Propriedades
- Componentização
## 🖼️ Template do projeto Figma
- [Template do projeto original para clone](https://www.figma.com/file/G8193zMPFTdf6fwEUzF7Pw/ToDo-List-Copy?fuid=975921817161406319)
## 🛠️ Tecnologias/Ferramentas ultilizadas
- [React](https://pt-br.reactjs.org/E)
- [Vitejs](https://vitejs.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [phosphor-icons](https://phosphoricons.com/)
- [Eslint](https://eslint.org/)
## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/ignite-praticando-conceitos
```
```
# Acesse a pasta da aplicação
$ cd ignite-praticando-conceitos
# Instale as dependências
$ npm install ou yarn
# Inicie a aplicação
$ npm run dev ou yarn dev
```
---
Feito com 💙 por Hugo Alves Varella