{"id":18538080,"url":"https://github.com/tassio-med/react-todo-list","last_synced_at":"2026-05-02T11:34:25.600Z","repository":{"id":61702798,"uuid":"554304284","full_name":"Tassio-Med/react-todo-list","owner":"Tassio-Med","description":"✅  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.","archived":false,"fork":false,"pushed_at":"2023-03-17T16:04:32.000Z","size":365,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-17T07:44:11.568Z","etag":null,"topics":["css3","git","javascript","netlify-deployment","react","reactjs"],"latest_commit_sha":null,"homepage":"https://tazmed-todo-list.netlify.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Tassio-Med.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-10-19T15:31:47.000Z","updated_at":"2023-09-09T23:22:39.000Z","dependencies_parsed_at":"2023-02-14T03:02:56.566Z","dependency_job_id":null,"html_url":"https://github.com/Tassio-Med/react-todo-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tassio-Med%2Freact-todo-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tassio-Med%2Freact-todo-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tassio-Med%2Freact-todo-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tassio-Med%2Freact-todo-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tassio-Med","download_url":"https://codeload.github.com/Tassio-Med/react-todo-list/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254259387,"owners_count":22040821,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","git","javascript","netlify-deployment","react","reactjs"],"created_at":"2024-11-06T19:42:04.764Z","updated_at":"2026-05-02T11:34:25.541Z","avatar_url":"https://github.com/Tassio-Med.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bem-vindo ao To Do List!\n\nEste 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. \n\n\n#### As principais habilidades colocadas prática nesse projeto foram:\n\n* **React.JS**.\n* **Javascript**;\n* **CSS3**;\n* **Firebase**;\n* **Deploy com Netlify**;\n* **ESLint**;\n\n![javascript](https://img.shields.io/badge/javascript-yellow.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white) ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge\u0026logo=eslint\u0026logoColor=white)  ![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)  ![React-icons](https://img.shields.io/badge/react--icons-red.svg?style=for-the-badge\u0026logo=react\u0026logoColor=white)  ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge\u0026logo=netlify\u0026logoColor=#00C7B7) \n\n## Usabilidade\n\nO 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.\n\nToda 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.\n\n\n## Instalação\n\nPara testar o projeto na sua máquina pessoal siga os seguintes passos:\n\n1. Clone o repositório:\n\n```sh\ngit@github.com:Tassio-Med/react-todo-list.git\n```\n\n2. Instale os pacotes npm:\n\n```bash\nnpm install\n```\n\n\n## Design\n\nPara a construção visual do projeto foi utilizado CSS3 e a biblioteca React-icons para adicionar ícones SVG. \nNo projeto foi utilizada a seguinte paleta de cores:\n\n\u003cdiv align=\"center\"\u003e\n  \n  |    \u003ccenter\u003eHEX \u003c/center\u003e    | \u003ccenter\u003eRGB\u003c/center\u003e         |\u003ccenter\u003eCor \u003ccenter\u003e         |\n  | ---         |---            | ---                                                        |\n  | `#ffffff`   |`255, 255, 255`| ![#ffffff](https://placehold.co/300x50/ffffff/ffffff.png)  |\n  | `#02b502`   |`2, 181, 2`    | ![#02b502](https://placehold.co/300x50/02b502/02b502.png)  |\n  | `#117311`   |`17, 115, 17`  | ![#117311](https://placehold.co/300x50/117311/117311.png)  |\n  | `#0000ff`   |`0, 0, 255`    | ![#0000ff](https://placehold.co/300x50/0000ff/0000ff.png)  |\n  | `#ff2e2e`   |`255, 46, 46`  | ![#ff2e2e](https://placehold.co/300x50/ff2e2e/ff2e2e.png)  |\n\u003c/div\u003e\n\n## Autor\n\n- [@tassio medeiros](https://github.com/Tassio-Med)\n\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/tassiomed98) \n\n[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://instagram.com/tassio.med?igshid=ZDdkNTZiNTM=) \n\n\n\n## EsLint\n\nNeste 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.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftassio-med%2Freact-todo-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftassio-med%2Freact-todo-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftassio-med%2Freact-todo-list/lists"}