https://github.com/devmagno/ui-clone-pinterest

📌 Clone da página inicial do Pinterest para estudo de Sass e JavaScript.
https://github.com/devmagno/ui-clone-pinterest

devmagno html-scss-javascript sass scout-app scss scss-variables

Last synced: 3 days ago
JSON representation

📌 Clone da página inicial do Pinterest para estudo de Sass e JavaScript.

• Host: GitHub
• URL: https://github.com/devmagno/ui-clone-pinterest
• Owner: devMagno
• License: mit
• Created: 2020-11-25T08:00:34.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2020-11-27T02:49:53.000Z (about 4 years ago)
• Last Synced: 2024-11-10T12:31:49.275Z (2 months ago)
• Topics: devmagno, html-scss-javascript, sass, scout-app, scss, scss-variables
• Language: SCSS
• Homepage: https://devmagno.github.io/ui-clone-pinterest/
• Size: 47.9 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# UI Clone: Pinterest 📌







## 📖 Sobre   

O projeto **UI clone** da página inicial do **Pinterest** foi desenvolvido durante um tutorial da [Rocketseat](https://www.youtube.com/c/RocketSeat/videos), seguindo o projeto original de [Guilherme Rodz](https://github.com/guilhermerodz), para fins de estudo de **SASS** e **JavaScript**. O projeto foi desenvolvido utilizando **HTML5**, **SASS** (posteriormente convertido para CSS), e **JavaScript**, para as **animações de entrada e saída** de imagens e textos, além de [Lorem Picsum](https://picsum.photos/) para geração de imagens aleatórias.

---

## 🚀 Tecnologias e ferramentas utilizadas

- **HTML5**

- **SASS**

- **JavaScript**

- **Scout App** (compilador de SASS)

---

## 🖥️ Demonstração

[![UI Clone: Pinterest](https://i.imgur.com/PAUUED1.png "Clique para acessar o projeto")](https://devmagno.github.io/ui-clone-pinterest/ "Clique para acessar o projeto") 

Você pode acessar o projeto clicando [aqui](https://devmagno.github.io/ui-clone-pinterest/).

---

## 🔧 Como executar o projeto

```bash

# Clone o repositório

git clone https://github.com/devMagno/ui-clone-pinterest

# Entre no diretório

cd ui-clone-pinterest

```

Depois disso, utilize uma ferramenta como o [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) para criar um servidor local e executar o projeto.

---

## 📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/ui-clone-pinterest/blob/main/LICENSE).

---

**Desenvolvido com ❤️ por [Guilherme Magno](https://github.com/devmagno/).**