{"id":20130929,"url":"https://github.com/eulixir/google-ux-clone","last_synced_at":"2025-09-07T18:50:01.420Z","repository":{"id":106846178,"uuid":"332079127","full_name":"eulixir/google-ux-clone","owner":"eulixir","description":"Clone google page with a dark mode","archived":false,"fork":false,"pushed_at":"2021-09-29T02:55:36.000Z","size":6271,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T21:43:49.255Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://joaopealves.github.io/google-ux-clone/","language":"TypeScript","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/eulixir.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}},"created_at":"2021-01-22T22:39:59.000Z","updated_at":"2024-01-27T00:43:58.000Z","dependencies_parsed_at":"2023-08-07T22:06:41.106Z","dependency_job_id":null,"html_url":"https://github.com/eulixir/google-ux-clone","commit_stats":null,"previous_names":["eulixir/google-ux-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/eulixir/google-ux-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eulixir%2Fgoogle-ux-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eulixir%2Fgoogle-ux-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eulixir%2Fgoogle-ux-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eulixir%2Fgoogle-ux-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eulixir","download_url":"https://codeload.github.com/eulixir/google-ux-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eulixir%2Fgoogle-ux-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274080969,"owners_count":25219023,"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","status":"online","status_checked_at":"2025-09-07T02:00:09.463Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-13T20:43:52.249Z","updated_at":"2025-09-07T18:50:01.380Z","avatar_url":"https://github.com/eulixir.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Google 💻\n\n## Deploy\n\nSite Demo: https://joaopealves.github.io/google-ux-clone/\n\nVideo Demo: https://www.youtube.com/embed/lpMYAszUsGg\n\n## Sobre o projeto\n\n\u003cdiv align=\"justify\"\u003e\nUm projeto criado em React, usando o create React App. Um clone da landing page da google e com um switch para poder alterar entre dark-mode e light-mode.\n\u003cbr\u003e\n\n\u003cimg src=\"./gitDocs/gitClone.png\" alt=\"\" srcset=\"\" style=\"box-shadow: 2px 2px 10px black\"\u003e\n\u003c/div\u003e\n\n\u003ch1\u003e Como instalar o Projeto 💻\u003c/h1\u003e\n\u003ch2\u003eDownload do Projeto\u003c/h2\u003e\n    \u003cimg src=\"./gitDocs/googleLanding.png\" alt=\"\" srcset=\"\" style=\"box-shadow: 2px 2px 10px black\"\u003e\n    \u003cbr\u003e\u003cbr\u003e\n    \u003cp\u003eFaça o clone do Repositorio em sua maquina com o comando \u003ccode\u003egit clone https://github.com/joaopealves/google-ux-clone.git\u003c/code\u003e\u003c/p\u003e\n\n\u003cbr\u003e\u003cbr\u003e\n\n\u003ch2\u003e\u003cstrong\u003eAdicione-me ao seu git\u003c/strong\u003e \u003c/h2\u003e🚀\n\n\u003cp style=\"font-size:15px;\"\u003eÉ necessário instalar a \u003cspan style=\"color: yellow; \"\u003enode_modules ! \u003c/span\u003e\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/9/99/OOjs_UI_icon_alert-yellow.svg\" width=\"13px\"/\u003e\u003c/p\u003e\n\u003chr\u003e\n\nUse \u003ccode\u003enpm init -y\u003c/code\u003e caso esteja usando o npm, se optar por utilizar o yarn utilize o comando \u003ccode\u003eyarn.\u003c/code\u003e\n\n\u003cp\u003eapós a instalação do node_modules basta digitar pelo terminal:\u003c/p\u003e\n\n    cd google-ux-clone -\u003e yarn start\n\n# -Features\n\n    Arrumar a responsividade\n\n# LinkedIn\n\n\u003ch3\u003eJoão Pedro \u003ca target=\"_blank\" href=\"https://www.spiner.com.br/wp-content/uploads/2019/02/midias-sociais-linkedin-icon.png\"\u003e\u003cimg src=\"gitDocs/linkedin.png\" height=\"15px\"\u003e\u003c/a\u003e \u003ca target=\"_blank\" href=\"https://github.com/joaopealves\"\u003e\u003cimg src=\"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\" height=\"15px\"\u003e\u003c/a\u003e\u003ch3\u003e\n\n# Tecnologias usadas\n\n\u003cul\u003e\n    \u003cli\u003e\u003cimg src=\"https://camo.githubusercontent.com/89b180af4cb1e0c5dd1f20f0fb53546911b80e3ed18dd7556287c3cc8a264d52/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f584178796c524d43647062455755417672382f736f757263652e676966\" height=\"20px\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;HTML 5\u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://camo.githubusercontent.com/264ad89d9f5942d631891d13c4d510638574422345bccbf3f15bfd35cc324197/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f667345615a6c644e43384131504a336d77702f736f757263652e676966\" height=\"20px\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; CSS 3 \u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://miro.medium.com/max/700/1*mn6bOs7s6Qbao15PMNRyOA.png\" height=\"15px\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;TypeScript\u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://camo.githubusercontent.com/3a063022f7d12672da0e2b73b9fdc7c8aa01f925d8ef3e1fc6d3f8f922f5d2b9/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f6c6e377a32655772696951416c6c6656636e2f736f757263652e676966\" height=\"15px\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;JavaScript\u003c/li\u003e\n    \u003cli\u003e\u003cimg src=\"https://camo.githubusercontent.com/b01832fbf6e1414ec1a9f55d3daf4c968872334b9af479cfbc8fe6dbad00bfdc/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f654e41736a4f353574506267616f72376d612f736f757263652e676966\" height=\"15px\"\u003e\u0026nbsp;\u0026nbsp;React.js\u003c/li\u003e\n\n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feulixir%2Fgoogle-ux-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feulixir%2Fgoogle-ux-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feulixir%2Fgoogle-ux-clone/lists"}