{"id":21486043,"url":"https://github.com/felipecastrosales/fluttergram","last_synced_at":"2025-07-15T14:32:39.986Z","repository":{"id":52473044,"uuid":"339574733","full_name":"felipecastrosales/fluttergram","owner":"felipecastrosales","description":"Instagram Clone made with Flutter using responsive_framework, for Desktop, Web and Mobile. FLUTTER 💙 + Instagram ❤","archived":false,"fork":false,"pushed_at":"2024-08-11T22:05:08.000Z","size":416,"stargazers_count":14,"open_issues_count":1,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-08-11T23:19:56.081Z","etag":null,"topics":["dart","device-preview","flutter","flutter-apps","flutter-demo","flutter-examples","flutter-responsive","flutter-web","flutterweb","instagram","instagram-clone","web"],"latest_commit_sha":null,"homepage":"https://fluttergramclone.web.app/","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/felipecastrosales.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-17T00:58:00.000Z","updated_at":"2024-08-11T22:04:37.000Z","dependencies_parsed_at":"2023-02-11T21:46:16.623Z","dependency_job_id":null,"html_url":"https://github.com/felipecastrosales/fluttergram","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipecastrosales%2Ffluttergram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipecastrosales%2Ffluttergram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipecastrosales%2Ffluttergram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipecastrosales%2Ffluttergram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/felipecastrosales","download_url":"https://codeload.github.com/felipecastrosales/fluttergram/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226045596,"owners_count":17565026,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dart","device-preview","flutter","flutter-apps","flutter-demo","flutter-examples","flutter-responsive","flutter-web","flutterweb","instagram","instagram-clone","web"],"created_at":"2024-11-23T13:18:45.179Z","updated_at":"2024-11-23T13:18:45.631Z","avatar_url":"https://github.com/felipecastrosales.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n      \u003cimg src=\"assets/fluttergram.png\" width=\"100px\" alt=\"Fluttergram\"/\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\u003ca href=\"https://fluttergramclone.web.app/#/\" target=\"_blank\"\u003eFluttergram\u003c/a\u003e\u003c/h1\u003e\n\n\u003ch2 align=\"center\"\u003eTopics 📋\u003c/h2\u003e\n\n   \u003cp\u003e\n   \n   - [About 📖](#about-)\n   - [Preview 📱](#preview-)\n   - [Functionalities 🛠️](#functionalities-%EF%B8%8F)\n   - [Challenges and Learnings along the way 🤯](#challenges-and-learnings-along-the-way-)\n   - [How to Use 🤔](#how-to-use-)\n   - [How to Contribute 💪](#how-to-contribute-)\n\n   \u003c/p\u003e\n\n---\n\n\u003ch2 align=\"center\"\u003eAbout 📖\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n   A practical and simples Instagram Clone developed with \u003ca href=\"https://pub.dev/packages/responsive_framework\" target=\"_blank\"\u003eresponsive_framework\u003c/a\u003e, an incredible package.\u003cbr\u003e\n   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.\u003cbr\u003e\n   If you want to learn how to do a similar one, access the course: \u003ca href=\"https://www.udemy.com/course/responsividade-flutter/?referralCode=A3737FD68BCAFEFCE3C8\" target=\"_blank\"\u003eResponsiveness in the Flutter | Mobile, Tablet, Web e Desktop\u003c/a\u003e, of which I am a teaching instructor! I hope you enjoy!\n\u003c/p\u003e\n\n\n---\n\n\u003ch2 align=\"center\"\u003e\u003ca href=\"https://fluttergramclone.web.app/#/\" target=\"_blank\"\u003ePreviews\u003c/a\u003e 📱💻🖥\u003c/h2\u003e\n\n   \u003e * See in best quality:\n   \u003e * \u003ca href=\"https://fluttergramclone.web.app/\" target=\"_blank\"\u003eLIVE ON Firebase Hosting\u003c/a\u003e\n\n---\n\n\u003ch2 align=\"center\"\u003eFunctionalities 🛠️\u003c/h2\u003e\n\n- With just one code you can generate applications for:\n  -  Mobile 📱\n  -  Tablets 📱 \n  -  Web 💻\n  -  Desktop 🖥️\n- With this project, you can see a simple and practical example of how it works 😏\n\n---\n\n\u003ch2 align=\"center\"\u003eChallenges and Learnings along the way 🤯\u003c/h2\u003e\n\n\u003cp\u003e\n   That was my second experience creating a fully responsive Flutter Aplication.\u003cbr\u003e\n   This time, I used responsive_framework, of which I had a very high productivity, and I really liked it.\u003cbr\u003e\n   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.\n   Once again I learned too much from Responsivity!!! 📱💻🖥\n\u003c/p\u003e\n\n---\n\n\u003ch2 align=\"center\"\u003eHow to Use 🤔\u003c/h2\u003e\n\n   ```\n   First of all, correctly configure the Flutter Web development environment on your machine, see https://flutter.dev/docs/get-started/install\n   \n   - Clone this repository:\n   $ git clone https://github.com/felipecastrosales/fluttergram fluttergram\n\n   - Enter in directory:\n   $ cd fluttergram\n\n   - For install dependencies:\n   $ flutter pub get\n\n   - Run the app: \n   $ flutter run\n   ```\n\n---\n\n\u003ch2 align=\"center\"\u003eHow to Contribute 💪\u003c/h2\u003e\n\n   ```\n   - Fork the project \n\n   - Create a new branch with your changes:\n   $ git checkout -b my-feature\n\n   - Save your changes and create a commit message telling you what you did:\n   $ git commit -m \"feature: My new feature\"\n\n   - Submit your changes:\n   $ git push origin my-feature\n   ```\n\n---\n\n   \u003eThis 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/)**.\u003cbr\u003e\n   If it helped you, give ⭐, contribute, it will help me too 😉\n\n---\n\n   \u003cdiv align=\"center\"\u003e\n\n   [![Linkedin Badge](https://img.shields.io/badge/-Felipe%20Sales-292929?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/felipecastrosales/)](https://www.linkedin.com/in/felipecastrosales/)\n\n   \u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipecastrosales%2Ffluttergram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelipecastrosales%2Ffluttergram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipecastrosales%2Ffluttergram/lists"}