https://github.com/brunos3d/insta-clone

⚛️ REACT.JS - Feed Dinâmico, Lazy-Load e visualização de imagens inspirado no Instagram.
https://github.com/brunos3d/insta-clone

insta instagram picsum react

Last synced: about 2 months ago
JSON representation

⚛️ REACT.JS - Feed Dinâmico, Lazy-Load e visualização de imagens inspirado no Instagram.

• Host: GitHub
• URL: https://github.com/brunos3d/insta-clone
• Owner: brunos3d
• License: mit
• Created: 2019-10-27T22:53:45.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-12T23:47:21.000Z (almost 3 years ago)
• Last Synced: 2023-03-03T10:33:41.670Z (almost 2 years ago)
• Topics: insta, instagram, picsum, react
• Language: JavaScript
• Homepage: https://brunos3d.github.io/Insta-Clone/
• Size: 16.9 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Insta-Clone

 ⚛️ REACT.JS - Feed Dinâmico, Lazy-Load e visualização de imagens inspirado no Instagram.

---

## Live Preview:

Você pode testar o App em um dos links a seguir:

>https://brunos3d.github.io/Insta-Clone/

 

### Funcionalidades:

1. Feed com carregamento dinâmico (Lorem Picsum).

2. Imagens com carregamento dinâmico (Lazy-Load).

3. Transição dinâmica entre imagens de baixa e alta resolução.

4. Duplo clique para curtir postagens.

5. Layout Resposivo.

6. Caixa de inserção de comentário.

7. Tamanho dinâmico para a descrição de cada postagem.

---

#### Lorem Picsum

Dispõe uma lista de imagens para construção do feed.

>https://picsum.photos/

### Observações importantes

```

As informações exibidas no Aplicativo não tem

autênticidade e podem ou não serem verdadeira,

são apenas informações com fim de preencher

campos de texto e imagem por simples ilustração

do Aplicativo. O aplicativo tem, como único fim,

o estudo sobre React e formas de tornar um WebSite

 reativo e responsivo de acordo com cada dispositivo.

```

# Browser View

![Preview 1](./images/image01.png)

# Mobile View

![Preview 2](./images/image02.png)

# Tablet View

![Preview 3](./images/image03.png)

# Lazy-Load Images

![Preview 4](./images/image04.png)