Responsive Instagram šŸ“±

Responsive Instagram foi um projeto realizado com o intuito de aprendizagem e prĆ”tica da linguagem de programaĆ§Ć£o Dart em conjunto com o kit de desenvolvimento de interfaces Flutter. O projeto consistiu em replicar a interface da rede social Instagram de forma responsiva, capaz de um unico cĆ³digo se apresentar bem em diferentes dispositivos e tamanhos de tela. O mesmo se deu com um acompanhamento de um curso que pode ser acessado atravĆ©s do link: https://www.udemy.com/course/responsividade-flutter/ com este projeto e curso foi possĆ­vel praticar:

  • Responsive Framework
  • CriaĆ§Ć£o de AppBar responsiva
  • ListView
  • Controle de tela
  • DefiniƧƵes do que aparece e desaparece de acordo com a tela
  • E muitos outros

Um pouco do resultado: šŸ†

Gif

Ferramentas šŸ› ļø

  • Visual Studio
  • Google Chrome
  • Android Studio

Tecnologias šŸ–„ļø

As tecnologias empregadas foram a linguagem de progrmaĆ§Ć£o Dart em conjunto com o kit de desenvolvimento de interfaces Flutter, junto com o editor de cĆ³digo fonte VisualStudio e o repositĆ³rio GitHub para armazanamento e compartilhamento da atividade.

InstalaĆ§Ć£o e compilaĆ§Ć£o

Para executar este projeto em seu computador se faz nescessĆ”rio a clonagem do mesmo e a instalaĆ§Ć£o do Flutter em sua mĆ”quina

A instalaĆ§Ć£o pode ser feita atravĆ©s do comando:

sudo snap install flutter --classic

ApĆ³s a instalaĆ§Ć£o basta executar o projeto atravĆ©s de um editor de cĆ³digo fonte (no visual studio basta precionar a tecla f5).

Links šŸ”—

Segue aqui alguns links importantes para construĆ§Ć£o dessa atividade

Plugin README
Site do curso https://www.udemy.com/course/responsividade-flutter/
RepositĆ³rio GitHub https://github.com/Leonardo1952/instagran_responsive
Visual Studio Code https://code.visualstudio.com/

Contato šŸ“§

Email: [email protected]

GitHub

View Github