Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felipecastrosales/fluttergram
Instagram Clone made with Flutter using responsive_framework, for Desktop, Web and Mobile. FLUTTER 💙 + Instagram ❤
https://github.com/felipecastrosales/fluttergram
dart device-preview flutter flutter-apps flutter-demo flutter-examples flutter-responsive flutter-web flutterweb instagram instagram-clone web
Last synced: 29 days ago
JSON representation
Instagram Clone made with Flutter using responsive_framework, for Desktop, Web and Mobile. FLUTTER 💙 + Instagram ❤
- Host: GitHub
- URL: https://github.com/felipecastrosales/fluttergram
- Owner: felipecastrosales
- Created: 2021-02-17T00:58:00.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-08-11T22:05:08.000Z (4 months ago)
- Last Synced: 2024-08-11T23:19:56.081Z (4 months ago)
- Topics: dart, device-preview, flutter, flutter-apps, flutter-demo, flutter-examples, flutter-responsive, flutter-web, flutterweb, instagram, instagram-clone, web
- Language: Dart
- Homepage: https://fluttergramclone.web.app/
- Size: 406 KB
- Stars: 14
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Fluttergram
Topics 📋
- [About 📖](#about-)
- [Preview 📱](#preview-)
- [Functionalities 🛠️](#functionalities-%EF%B8%8F)
- [Challenges and Learnings along the way 🤯](#challenges-and-learnings-along-the-way-)
- [How to Use 🤔](#how-to-use-)
- [How to Contribute 💪](#how-to-contribute-)
---
About 📖
A practical and simples Instagram Clone developed with responsive_framework, an incredible package.
This project using this package gave me a lot of productivity regarding responsiveness in Flutter, because it adapts my UI for each type of screen, without so much concern.
If you want to learn how to do a similar one, access the course: Responsiveness in the Flutter | Mobile, Tablet, Web e Desktop, of which I am a teaching instructor! I hope you enjoy!
---
Previews 📱💻🖥
> * See in best quality:
> * LIVE ON Firebase Hosting
---
Functionalities 🛠️
- With just one code you can generate applications for:
- Mobile 📱
- Tablets 📱
- Web 💻
- Desktop 🖥️
- With this project, you can see a simple and practical example of how it works 😏
---
Challenges and Learnings along the way 🤯
That was my second experience creating a fully responsive Flutter Aplication.
This time, I used responsive_framework, of which I had a very high productivity, and I really liked it.
Again, as in the previous project, I hosted the application on Firebase Hosting, and this time, without any difficulty and challenge, it was simple and practical.
Once again I learned too much from Responsivity!!! 📱💻🖥
---
How to Use 🤔
```
First of all, correctly configure the Flutter Web development environment on your machine, see https://flutter.dev/docs/get-started/install
- Clone this repository:
$ git clone https://github.com/felipecastrosales/fluttergram fluttergram
- Enter in directory:
$ cd fluttergram
- For install dependencies:
$ flutter pub get
- Run the app:
$ flutter run
```
---
How to Contribute 💪
```
- Fork the project
- Create a new branch with your changes:
$ git checkout -b my-feature
- Save your changes and create a commit message telling you what you did:
$ git commit -m "feature: My new feature"
- Submit your changes:
$ git push origin my-feature
```
---
>This project was developed with ❤️ by **[@Felipe Sales](https://www.linkedin.com/in/felipecastrosales/)**, with the instructor **[@Daniel Ciolfi](https://linkedin.com/in/danielciolfi)**, in the course **["Responsividade no Flutter | Mobile, Tablet, Web e Desktop"](https://www.udemy.com/course/responsividade-flutter/?referralCode=A3737FD68BCAFEFCE3C8)** on **[Udemy](https://www.udemy.com/)**.
If it helped you, give ⭐, contribute, it will help me too 😉
---
[](https://www.linkedin.com/in/felipecastrosales/)