Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cleilsonandrade/lista_tarefas

Lista de tarefas é uma aplicação simples para cadastro de tarefas, que alem de exibi-las e possível marcar como concluída e a possibilidade de excluir uma a uma ou todas de uma vez, desenvolvido em React para fim de estudos.
https://github.com/cleilsonandrade/lista_tarefas

component frontend javascript localstorage reactjs state task-manager todolist

Last synced: 9 days ago
JSON representation

Lista de tarefas é uma aplicação simples para cadastro de tarefas, que alem de exibi-las e possível marcar como concluída e a possibilidade de excluir uma a uma ou todas de uma vez, desenvolvido em React para fim de estudos.

Awesome Lists containing this project

README

        


Lista de tarefas


Aplicação desenvolvida utilizando a API do GitHub, para realizar busca de usuários, utilizando a lib axios para requisições e respostas.


Logo

# 📒 Índice
* [Descrição](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Features](#features)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Instalação](#instalação)
* [Licença](#licença)

# 📃 Descrição
Lista de tarefas é uma aplicação simples para cadastro de tarefas, que alem de exibi-las e possível marcar como concluída e a possibilidade de excluir uma a uma ou todas de uma vez, desenvolvido em [**React**](https://react.dev/) para fim de estudos. Os estudos se propõe a entender o funcionamento de componentes, seu ciclo de vida, estados, componentização. Utiliza-se o [**Vite**](https://vitejs.dev/) como servidor de desenvolvimento e localStorage para persistência dos dados.

# 📌 Requisitos Funcionais
- [x] Cadastro de tarefa

- [x] Exibição de tarefas

- [x] Concluir tarefas

- [x] Deletar tarefas

## Features
- [x] Salvar localmente

- [x] Deletar todas as tarefas

- [x] Responsividade

# 💻 Tecnologias
- **HTML**
- **CSS**
- **JavaScript**
- **ReactJS**
- **Vite**

# 🎨 Design
- O modelo final para versão desktop e mobile está disponível na pasta `./design`

- Cores

* #222435

* #7d83b9

* #2d3046

* #fff

* #363b65

* #363f88

* #151627

* #1e1f2e

* #4d506e

* #ff004c

- Fontes

* Roboto, sans-serif

# 🚀 Instalação
```bash
# Clone este repositório:
$ git clone https://github.com/CleilsonAndrade/lista_tarefas.git
$ cd ./lista_tarefas

# Instalar as dependências:
$ yarn install

# Executar:
$ yarn dev
```

# 📝 Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---


Feito com 💜 by CleilsonAndrade