{"id":19207418,"url":"https://github.com/valchanoficial/instacodenation","last_synced_at":"2025-08-17T19:41:32.313Z","repository":{"id":105403015,"uuid":"255495016","full_name":"ValchanOficial/InstaCodenation","owner":"ValchanOficial","description":"Codenation - Módulo 2 - Mobile First: Instagram","archived":false,"fork":false,"pushed_at":"2020-05-06T23:46:53.000Z","size":3392,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-07T19:00:39.406Z","etag":null,"topics":["bem","bem-css","css","font-awesome","google-fonts","html","html5","media-queries"],"latest_commit_sha":null,"homepage":"https://valchan-instacodenation.netlify.com/","language":"HTML","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/ValchanOficial.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":"2020-04-14T02:54:05.000Z","updated_at":"2021-03-17T23:30:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"7397abb6-c229-4aef-81d9-c6ead1d52112","html_url":"https://github.com/ValchanOficial/InstaCodenation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ValchanOficial/InstaCodenation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValchanOficial%2FInstaCodenation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValchanOficial%2FInstaCodenation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValchanOficial%2FInstaCodenation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValchanOficial%2FInstaCodenation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ValchanOficial","download_url":"https://codeload.github.com/ValchanOficial/InstaCodenation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ValchanOficial%2FInstaCodenation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270899449,"owners_count":24664713,"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-08-17T02:00:09.016Z","response_time":129,"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":["bem","bem-css","css","font-awesome","google-fonts","html","html5","media-queries"],"created_at":"2024-11-09T13:19:55.097Z","updated_at":"2025-08-17T19:41:32.265Z","avatar_url":"https://github.com/ValchanOficial.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mobile First: Instagram\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/c666b18d-4d5e-471e-b27b-fe74274ba20d/deploy-status)](https://app.netlify.com/sites/valchan-instacodenation/deploys)\n  \n## Objetivo:\nDesenvolver uma versão **mobile first** do Instagram utilizando apenas **HTML5** e **CSS3**.\n\n\u003e **Preview:**\n\u003e [Instagram Codenation](https://aceleradev-react.netlify.com/aula-02/public)\n\n## Tópicos:\nNeste desafio, você vai praticar os seus conhecimentos em: \n- **HTML5**;\n- **CSS3**;\n- **[Metodologia BEM CSS](http://getbem.com/naming/)**.\n\n\u003e **Observações:**\n\u003e - As imagens estão disponíveis na pasta **assets**;\n\u003e - As imagens de cada personagem estão dentro de sua respectiva pasta, por exemplo: **`assets/profiles/black-panther/`**;\n\u003e - A imagem de perfil dos personagens é identificada por **`nome_do_personagem-profile.jpg`**;\n\u003e - O site deve ser **Mobile First**;\n\u003e - **Não utilize** frameworks CSS como Bootstrap, Foundation e afins.\n\n## Requisitos:\n* **[Node v13.8.0](https://nodejs.org/en/)** - ou superior, instalado em seu computador;\n* **[Live Server](https://www.npmjs.com/package/live-server)**.\n​  \n\u003e O Live server é um módulo NPM que permite servir localmente páginas HTML, sem a necessidade de instalar plugins adicionais no navegador, ou em seu editor.\n\u003e \n\u003e Uma vez que o **nodejs** esteja instalado em seu computador, abra o terminal e execute o seguinte comando:\n\u003e **`npm install -g live-server`**  \n\u003e \n\u003e Após a instalação, você deverá navegar até o diretório contendo seus arquivos HTML e executar o comando:\n\u003e **`live-server ./[nome-da-pasta ou arquivo html]`**\n\n## Screenshots de Referência\n### Versão Mobile:\n![](https://codenation-challenges.s3-us-west-1.amazonaws.com/react-12/screenshot-aula-02-mobile.jpg)\n\n### Versão Desktop:\n![](https://codenation-challenges.s3-us-west-1.amazonaws.com/react-12/screenshot-aula-02-desktop.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalchanoficial%2Finstacodenation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalchanoficial%2Finstacodenation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalchanoficial%2Finstacodenation/lists"}