Responsive Instagram Application

  Responsive, Social Media, web app

Responsive Instagram was a project carried out in order to learn and practice the Dart programming language together with the Flutter interface development kit. The project consisted of replicating the Instagram social network interface in a responsive way, capable of a single code presenting itself well on different devices and screen sizes. The same happened with the follow-up of a course that can be accessed through the link: https://www.udemy.com/course/responstividade-flutter/ with this project and course it was possible to practice:

  • Responsive Framework
  • Responsive AppBar Creation
  • ListView
  • screen control
  • Definitions of what appears and disappears according to the screen
  • And many others

A little of the result: trophy

Gif

Tools hammer_and_wrench

  • Visual Studio
  • Google Chrome
  • Android Studio

Technologies desktop_computer

The technologies employed were the Dart programming language together with the Flutter interface development kit, together with the VisualStudio source code editor and the GitHub repository for activity storage and sharing.

Installation and Compilation

To run this project on your computer, it is necessary to clone it and install Flutter on your machine.

Installation can be done using the command:

sudo snap install flutter --classic

After installation, just run the project through a source code editor (in visual studio just press the f5 key).

Links link

Here are some important links to build this activity

pluginREADME
course websitehttps://www.udemy.com/course/responsiveness-flutter/
GitHub Repositoryhttps://github.com/Leonardo1952/instagran_responsive
Visual Studio Codehttps://code.visualstudio.com/

Download Responsive Instagram source code on GitHub

https://github.com/Leonardo1952/instagran_responsive