https://github.com/tassio-med/react-todo-list
✅ O projeto consiste em um To Do List simples com a funcionalidade adicionar e excluir uma tarefa. Foi desenvolvido com o intuito de colocar em prática meus conhecimentos em ReactJS.
https://github.com/tassio-med/react-todo-list
css3 git javascript netlify-deployment react reactjs
Last synced: 2 months ago
JSON representation
✅ O projeto consiste em um To Do List simples com a funcionalidade adicionar e excluir uma tarefa. Foi desenvolvido com o intuito de colocar em prática meus conhecimentos em ReactJS.
- Host: GitHub
- URL: https://github.com/tassio-med/react-todo-list
- Owner: Tassio-Med
- Created: 2022-10-19T15:31:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-17T16:04:32.000Z (over 2 years ago)
- Last Synced: 2025-02-17T07:44:11.568Z (5 months ago)
- Topics: css3, git, javascript, netlify-deployment, react, reactjs
- Language: CSS
- Homepage: https://tazmed-todo-list.netlify.app
- Size: 356 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bem-vindo ao To Do List!
Este projeto foi desenvolvido com o intuito de colocar em prática meus conhecimentos de Front-end, focando em **[ReactJS](https://react.dev)**. Aqui você pode conhecer um pouco sobre minhas hard skills.
#### As principais habilidades colocadas prática nesse projeto foram:
* **React.JS**.
* **Javascript**;
* **CSS3**;
* **Firebase**;
* **Deploy com Netlify**;
* **ESLint**;
      
## Usabilidade
O projeto consiste em um [To Do List](https://tazmed-todo-list.netlify.app) simples com a funcionalidade adicionar e excluir uma tarefa. A quantidade de tarefas é atualizada sempre que uma atividade é adicionada ou excluída na aplicação.
Toda a aplicação se concentra em apenas uma página, um toque pessoal que coloquei em prática foi o video de background. O video está dsponível na platafroma [Pexels](https://www.pexels.com) para uso gratuito. Como complemento também utilizei a fonte [Space Age](http://go.to/disneyfonts) disponível gratuitamente para uso livre.
## Instalação
Para testar o projeto na sua máquina pessoal siga os seguintes passos:
1. Clone o repositório:
```sh
[email protected]:Tassio-Med/react-todo-list.git
```
2. Instale os pacotes npm:
```bash
npm install
```
## Design
Para a construção visual do projeto foi utilizado CSS3 e a biblioteca React-icons para adicionar ícones SVG.
No projeto foi utilizada a seguinte paleta de cores:
| HEX | RGB |Cor |
| --- |--- | --- |
| `#ffffff` |`255, 255, 255`|  |
| `#02b502` |`2, 181, 2` |  |
| `#117311` |`17, 115, 17` |  |
| `#0000ff` |`0, 0, 255` |  |
| `#ff2e2e` |`255, 46, 46` |  |
## Autor
- [@tassio medeiros](https://github.com/Tassio-Med)
[](https://linkedin.com/in/tassiomed98)
[](https://instagram.com/tassio.med?igshid=ZDdkNTZiNTM=)
## EsLint
Neste projeto foi utilizado o [ESLint](https://eslint.org/) para fazer a análise estática do código. Ajudando a garantir a qualidade do código de forma a tê-lo mais legível, de mais fácil manutenção e seguindo as boas práticas de desenvolvimento.