{"id":25821114,"url":"https://github.com/0xjoaovictor/rocketseat-clone","last_synced_at":"2025-02-28T10:28:27.333Z","repository":{"id":123093102,"uuid":"262323880","full_name":"0xjoaovictor/rocketseat-clone","owner":"0xjoaovictor","description":"🧬 a clone of Rocketseat home page made with HTML and CSS","archived":false,"fork":false,"pushed_at":"2020-06-10T15:10:53.000Z","size":4476,"stargazers_count":56,"open_issues_count":0,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-28T05:50:26.712Z","etag":null,"topics":["clone","css","gostack","html","rocketseat"],"latest_commit_sha":null,"homepage":"https://joaovictorpsantos.github.io/rocketseat-clone/","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/0xjoaovictor.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":"2020-05-08T12:57:23.000Z","updated_at":"2025-01-11T11:42:22.000Z","dependencies_parsed_at":"2023-08-14T12:51:36.109Z","dependency_job_id":null,"html_url":"https://github.com/0xjoaovictor/rocketseat-clone","commit_stats":null,"previous_names":["0xjoaovpsantos/rocketseat-clone","0xjoaovictor/rocketseat-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xjoaovictor%2Frocketseat-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xjoaovictor%2Frocketseat-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xjoaovictor%2Frocketseat-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xjoaovictor%2Frocketseat-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0xjoaovictor","download_url":"https://codeload.github.com/0xjoaovictor/rocketseat-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241137985,"owners_count":19916237,"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":["clone","css","gostack","html","rocketseat"],"created_at":"2025-02-28T10:28:26.725Z","updated_at":"2025-02-28T10:28:27.315Z","avatar_url":"https://github.com/0xjoaovictor.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"images/rocketseat_logo.png\"\u003e\n\n# HomePage Rocket\n\n\u003e Clone da homepage do site da Rocketseat feito com HTML e CSS, para ver o resultado \u003ca href=\"https://joaovictorpsantos.github.io/rocketseat-clone/\"\u003eclique aqui\u003c/a\u003e, e para ver a séria de vídeos desenvolvendo \u003ca href=\"https://www.youtube.com/playlist?list=PLLSLbEdBpdAu126QAOzpr8QSuoAP90JFe\"\u003eclique aqui\u003c/a\u003e.\n\n\u003ca href=\"https://github.com/joaovictorpsantos\"\u003e\n\u003cimg alt=\"Autor\" src=\"https://img.shields.io/badge/autor-JoãoVictorPereiraSantos-7159c1?style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"#\"\u003e\n\u003cimg alt=\"Linguagens\" src=\"https://img.shields.io/github/languages/count/joaovictorpsantos/rocketseat-clone?color=7159c1\u0026style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://github.com/joaovictorpsantos/rocketseat-clone/stargazers\"\u003e\n\u003cimg alt=\"Stars\" src=\"https://img.shields.io/github/stars/joaovictorpsantos/rocketseat-clone?color=7159c1\u0026style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://github.com/joaovictorpsantos/rocketseat-clone/network/members\"\u003e\n\u003cimg alt=\"Forks\" src=\"https://img.shields.io/github/forks/joaovictorpsantos/rocketseat-clone?color=7159c1\u0026style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"#\"\u003e\n\u003cimg alt=\"Tamanho do código em bytes\" src=\"https://img.shields.io/github/languages/code-size/joaovictorpsantos/rocketseat-clone?color=7159c1\u0026style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://github.com/joaovictorpsantos/rocketseat-clone/commits/master\"\u003e\n\u003cimg alt=\"Commits\" src=\"https://img.shields.io/github/last-commit/joaovictorpsantos/rocketseat-clone?color=7159c1\u0026style=flat-square\"\u003e\n\u003c/a\u003e\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n\u003cdiv style=\"display:flex\"\u003e\n\u003cimg src=\"gifs/overview.gif\" width=\"400px\"\u003e\n\u003cimg src=\"gifs/responsive_example.gif\" style=\"margin-left:3px\"  width=\"400px\"\u003e\n\u003c/div\u003e\n\u003cdiv style=\"display:flex\"\u003e\n\u003cimg src=\"gifs/expandindo.gif\" width=\"400px\"\u003e\n\u003cimg src=\"gifs/diminuindo.gif\" style=\"margin-left:3px\" width=\"400px\"\u003e\n\u003c/div\u003e\n\u003c/h2\u003e\n\n\u003cblockquote align=\"center\"\u003e\n  Esse projeto é open-source, contribua você também :D\n\u003c/blockquote\u003e\n\n\u003chr/\u003e\n\n## 💡 Sobre o projeto:\n\nPara poder estudar e treinar mais minhas habilidades com HTML e CSS sem framework, resolvi refazer a home do site da \u003ca href=\"\"\u003eRocketseat\u003c/a\u003e para poder treinar e fixar o que estou estudando e compartilhar o processo de desenvolvimento em uma série de vídeos no youtube, caso queira ver, \u003ca href=\"https://www.youtube.com/playlist?list=PLLSLbEdBpdAu126QAOzpr8QSuoAP90JFe\"\u003eclique aqui\u003c/a\u003e, e o projeto em produção está disponível \u003ca href=\"https://joaovictorpsantos.github.io/rocketseat-clone/\"\u003eaqui\u003c/a\u003e.\n\n## 🔥 O que aprendemos?\n\nAtravés dessa aplicação conseguimos entender:\n\n- Táticas para criar um site responsivo\n- Como poder usar o display flexbox\n- Entender como funcionas os @medias no CSS\n- Enteder o uso do @import no CSS\n\n## ⚙️ Techs:\n\n- HTML\n- CSS\n\n## ⛏ Ferramentas:\n\n- [Visual Studo Code](https://code.visualstudio.com/download)\n\n## 🏁 Executar esse projeto:\n\nPara executar esse projeto em sua máquina,  \nDe o clone no repositório:\n\n```bash\n$ git clone https://github.com/joaovictorpsantos/rocketseat-clone.git\n```\n\nAbra a página \"index.html\" no browser.\n\n\u003cbr/\u003e\n\n\u003ch4 align=\"center\"\u003e\n  Vamos compartilhar conhecimento e crescer juntos!!!\n\u003c/h4\u003e\n\n\u003cbr/\u003e\n\n---\n\n\u003ch3 align=\"center\"\u003e\nAutor: \u003ca alt=\"João Victor Pereira Santos\" href=\"https://github.com/joaovictorpsantos\"\u003eJoão Victor Pereira Santos\u003c/a\u003e\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n\n  \u003ca alt=\"João Victor Pereira Santos Linkedin\" href=\"https://www.linkedin.com/in/joao-victor-pereira-santos//\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/LinkedIn-Jo%C3%A3o%20Victor%20Pereira%20Santos-blue?logo=linkedin\"/\u003e\u003c/a\u003e\n  \u003ca alt=\"João Victor Pereira Santos GitHub\" href=\"https://github.com/joaovictorpsantos\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/GitHub-joaovictorpsantos-lightgrey?logo=github\"/\u003e\u003c/a\u003e\n \u003ca alt=\"João Victor Pereira Santos Twitter\" href=\"https://twitter.com/_joaovictorps\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Twitter-__joaovictorps-blue?logo=twitter\"/\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xjoaovictor%2Frocketseat-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0xjoaovictor%2Frocketseat-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xjoaovictor%2Frocketseat-clone/lists"}