{"id":26337750,"url":"https://github.com/gustavo-victor/quote-machine","last_synced_at":"2026-04-09T09:57:26.627Z","repository":{"id":280285055,"uuid":"617714362","full_name":"Gustavo-Victor/quote-machine","owner":"Gustavo-Victor","description":"React application to display random citation of some author on screen","archived":false,"fork":false,"pushed_at":"2025-03-02T13:28:56.000Z","size":355,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-02T14:28:39.461Z","etag":null,"topics":["css","html","quote-machine","random-quote-machine","react-icons","reactjs","styled-components","vite"],"latest_commit_sha":null,"homepage":"https://quote-machine-jet.vercel.app/","language":"JavaScript","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/Gustavo-Victor.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-23T00:34:03.000Z","updated_at":"2025-03-02T13:29:00.000Z","dependencies_parsed_at":"2025-03-02T14:38:56.162Z","dependency_job_id":null,"html_url":"https://github.com/Gustavo-Victor/quote-machine","commit_stats":null,"previous_names":["gustavo-victor/quote-machine"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fquote-machine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fquote-machine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fquote-machine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fquote-machine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gustavo-Victor","download_url":"https://codeload.github.com/Gustavo-Victor/quote-machine/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243814839,"owners_count":20352043,"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":["css","html","quote-machine","random-quote-machine","react-icons","reactjs","styled-components","vite"],"created_at":"2025-03-16T02:20:16.536Z","updated_at":"2025-12-31T00:20:46.825Z","avatar_url":"https://github.com/Gustavo-Victor.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\r\n\u003ch1 align='center'\u003eQuote Machine\u003c/h1\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"#-sobre\"\u003eSobre\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n  \u003ca href=\"#-layout\"\u003eLayout\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n  \u003ca href=\"#-tecnologias-e-ferramentas\"\u003eTecnologias e Ferramentas\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n  \u003ca href=\"#-funcionalidades\"\u003eFuncionalidades\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n  \u003ca href=\"#-instalação\"\u003eInstalação\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n  \u003ca href=\"#-licença\"\u003eLicença\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n    ✔ Projeto concluído\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n    \u003cimg alt=\"GitHub Repo stars\" src=\"https://img.shields.io/github/stars/Gustavo-Victor/quote-machine?style=flat\"\u003e\r\n    \u003cimg alt=\"GitHub watchers\" src=\"https://img.shields.io/github/watchers/Gustavo-Victor/quote-machine?style=flat\"\u003e\r\n    \u003cimg alt=\"GitHub forks\" src=\"https://img.shields.io/github/forks/Gustavo-Victor/quote-machine?style=flat\"\u003e\r\n    \u003cimg alt=\"GitHub code size in bytes\" src=\"https://img.shields.io/github/languages/code-size/Gustavo-Victor/quote-machine?style=flat\"\u003e\r\n    \u003cimg alt=\"GitHub repo file count\" src=\"https://img.shields.io/github/directory-file-count/Gustavo-Victor/quote-machine?style=flat\"\u003e\r\n\u003c/p\u003e\r\n\r\n\u003chr/\u003e\r\n\r\n## ❓ Sobre\r\n\r\nEste projeto é uma aplicação React que busca e exibe alguma citação aleatória de algum autor na tela do usuário. O projeto faz parte de um [desafio da freeCodeCamp](https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine) no curso de [bibliotecas e frameworks front-end](https://www.freecodecamp.org/learn/front-end-development-libraries/). O intuito do projeto é treinar as habilidades aprendizas durante curso. \r\n\r\nClique [aqui](https://quote-machine-jet.vercel.app/) para ver o projeto no Codepen. \r\n\r\n\r\n## 🎨 Layout\r\n\r\nClique na imagem para ir para um vídeo de demonstração do projeto\r\n\u003cp align=\"left\"\u003e\r\n    \u003ca href=\"https://www.loom.com/share/10eb74cc324d405fb25f0beab46f4c74\" target=\"_blank\"\u003e\r\n        \u003cimg width=\"80%\" height=\"auto\" src=\"./src/assets/images/screenshots/desktop.png\" /\u003e\r\n    \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\nSe quiser, clique [aqui](./src/assets/images/screenshots/) para conferir alguns prints do projeto. \r\n\r\n## 🛠 Tecnologias e Ferramentas\r\n\r\n- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)\r\n- [ReactJS](https://pt-br.reactjs.org/)\r\n- [React Icons](https://react-icons.github.io/react-icons/)\r\n- [Styled Components](https://styled-components.com/)\r\n- [Vite](https://vitejs.dev/)\r\n\r\nVeja como ficou o arquivo [package.json](./package.json) \r\n\r\n\r\n\r\n## ⚙ Funcionalidades \r\n\r\n- [x] Buscar conjunto de citações de autores usando Fetch API \r\n- [x] Selecionar uma citação aleatória para exibir na tela \r\n- [x] Mudar de citação ao atualizar a página ou ao clicar no botão\r\n- [x] Mudar o tema de cores da página ao atualizar ou ao clicar no botão  \r\n- [x] Compartilhar citação no Twitter e no Tumblr\r\n\r\n\r\n## 💻 Instalação \r\n\r\nPara abrir e executar o projeto no seu computador, você vai precisar ter o [Node.js](https://nodejs.org/en) instalado na sua máquina (recomendo baixar a versão LTS). Além disso, para conseguir executar os comandos de terminal a seguir, você precisará instalar o [GIT](https://git-scm.com/). \r\nÉ recomendado ter alguns conhecimentos básicos de HTML, CSS, JavaScript e React para conseguir entender os códigos do projeto e também ter alguma noção prévia de comandos de terminal para conseguir acompanhar as instruções no seu computador. \r\nApós ter certeza de que tudo está instalado no seu computador, basta acompanhar os passos a seguir: \r\n\r\n\r\n1. Faça download do projeto ou clone ele com o seguinte comando no terminal: \r\n\r\n```bash \r\n    git clone https://github.com/Gustavo-Victor/quote-machine.git\r\n```\r\n \r\n2. Descompacte o arquivo do projeto e abra a pasta do projeto; se tiver clonado basta só abrir a pasta do projeto; você pode abrir a pasta usando o seguinte comando: \r\n\r\n```bash \r\n    cd quote-machine/ \r\n```\r\n\r\n3. Instale as dependências necessárias do projeto (a pasta do projeto precisa estar aberta no terminal): \r\n\r\n```bash \r\n    npm i -g yarn ;\r\n    yarn install \r\n```\r\n\r\n4. Executar o projeto em modo de desenvolvimento: \r\n\r\n```bash \r\n    yarn dev \r\n```\r\n\r\n5. Abrir o projeto no seu navegador de preferência. (Basta digitar na barra de pesquisa: http://localhost:5173/). \r\n\r\n\r\n\u003chr/\u003e\r\n\r\n## 📝 Licença \r\n\r\nO projeto está sob a Licensa MIT \r\n\r\nQualquer pessoa pode usar, clonar e contribuir com este projeto. \r\n\r\nClique [aqui](./LICENSE.md) para saber mais  \r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-victor%2Fquote-machine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgustavo-victor%2Fquote-machine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-victor%2Fquote-machine/lists"}