Fluttergram

<p align="center"> <img src="assets/fluttergram.png" width="100px" alt="Fluttergram"/> </p> <h1 align="center"><a href="https://fluttergramclone.web.app/#/" target="_blank">Fluttergram</a></h1> <h2 align="center">Topics 📋</h2> <p>

• About 📖
• Preview 📱
• Functionalities 🛠️
• Challenges and Learnings along the way 🤯
• How to Use 🤔
• How to Contribute 💪

</p>

---

<h2 align="center">About 📖</h2> <p align="center"> A practical and simples Instagram Clone developed with <a href="https://pub.dev/packages/responsive_framework" target="_blank">responsive_framework</a>, an incredible package.<br> 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.<br> If you want to learn how to do a similar one, access the course: <a href="https://www.udemy.com/course/responsividade-flutter/?referralCode=A3737FD68BCAFEFCE3C8" target="_blank">Responsiveness in the Flutter | Mobile, Tablet, Web e Desktop</a>, of which I am a teaching instructor! I hope you enjoy! </p>

---

<h2 align="center"><a href="https://fluttergramclone.web.app/#/" target="_blank">Previews</a> 📱💻🖥</h2>

• See in best quality:
• <a href="https://fluttergramclone.web.app/" target="_blank">LIVE ON Firebase Hosting</a>

---

<h2 align="center">Functionalities 🛠️</h2>

• 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 😏

---

<h2 align="center">Challenges and Learnings along the way 🤯</h2> <p> That was my second experience creating a fully responsive Flutter Aplication.<br> This time, I used responsive_framework, of which I had a very high productivity, and I really liked it.<br> 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!!! 📱💻🖥 </p>

---

<h2 align="center">How to Use 🤔</h2>

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

---

<h2 align="center">How to Contribute 💪</h2>

- 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, with the instructor @Daniel Ciolfi, in the course "Responsividade no Flutter | Mobile, Tablet, Web e Desktop" on Udemy.<br> If it helped you, give ⭐, contribute, it will help me too 😉

---

<div align="center">

</div>