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:
Tools
- Visual Studio
- Google Chrome
- Android Studio
Technologies
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
Here are some important links to build this activity
plugin | README |
---|---|
course website | https://www.udemy.com/course/responsiveness-flutter/ |
GitHub Repository | https://github.com/Leonardo1952/instagran_responsive |
Visual Studio Code | https://code.visualstudio.com/ |
Download Responsive Instagram source code on GitHub
https://github.com/Leonardo1952/instagran_responsive
Provides the list of the opensource Flutter apps collection with GitHub repository.