https://github.com/valchanoficial/instacodenation
Codenation - Módulo 2 - Mobile First: Instagram
https://github.com/valchanoficial/instacodenation
bem bem-css css font-awesome google-fonts html html5 media-queries
Last synced: 4 months ago
JSON representation
Codenation - Módulo 2 - Mobile First: Instagram
- Host: GitHub
- URL: https://github.com/valchanoficial/instacodenation
- Owner: ValchanOficial
- Created: 2020-04-14T02:54:05.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-05-06T23:46:53.000Z (about 5 years ago)
- Last Synced: 2025-01-04T15:37:49.670Z (6 months ago)
- Topics: bem, bem-css, css, font-awesome, google-fonts, html, html5, media-queries
- Language: HTML
- Homepage: https://valchan-instacodenation.netlify.com/
- Size: 3.23 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mobile First: Instagram
[](https://app.netlify.com/sites/valchan-instacodenation/deploys)
## Objetivo:
Desenvolver uma versão **mobile first** do Instagram utilizando apenas **HTML5** e **CSS3**.
> **Preview:**
> [Instagram Codenation](https://aceleradev-react.netlify.com/aula-02/public)
## Tópicos:
Neste desafio, você vai praticar os seus conhecimentos em:
- **HTML5**;
- **CSS3**;
- **[Metodologia BEM CSS](http://getbem.com/naming/)**.
> **Observações:**
> - As imagens estão disponíveis na pasta **assets**;
> - As imagens de cada personagem estão dentro de sua respectiva pasta, por exemplo: **`assets/profiles/black-panther/`**;
> - A imagem de perfil dos personagens é identificada por **`nome_do_personagem-profile.jpg`**;
> - O site deve ser **Mobile First**;
> - **Não utilize** frameworks CSS como Bootstrap, Foundation e afins.
## Requisitos:
* **[Node v13.8.0](https://nodejs.org/en/)** - ou superior, instalado em seu computador;
* **[Live Server](https://www.npmjs.com/package/live-server)**.
> 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.
>
> Uma vez que o **nodejs** esteja instalado em seu computador, abra o terminal e execute o seguinte comando:
> **`npm install -g live-server`**
>
> Após a instalação, você deverá navegar até o diretório contendo seus arquivos HTML e executar o comando:
> **`live-server ./[nome-da-pasta ou arquivo html]`**
## Screenshots de Referência
### Versão Mobile:
### Versão Desktop:
