flutter_projects
# My Flutter Projects Flutter apps with cool design and animations # Social Media #### <img src="https://i.ibb.co/Js7Gh5N/youtube.png" height="12"/> [Youtube](https://www.youtube.com/channel/UCe2G2ZkcHG9TliZ03L14U7g) <img src="https://i.ibb.co/c8JfWMM/facebook.png" height="12"/> [Facebook](https://www.facebook.com/brocodev) <img src="https://i.ibb.co/MSN1F6L/gorjeo.png" height="12"/> [Twitter](https://twitter.com/brocodev1) ## Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: - [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab) - [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook) For help getting started with Flutter, view our [online documentation](https://flutter.dev/docs), which offers tutorials, samples, guidance on mobile development, and a full API reference.´ ___ ## 13 - Travel App #### [TRAVEL APP with Animations - Flutter Challenge](https://www.youtube.com/watch?v=YeV2ZYn2_JI&t=686s&ab_channel=diegoveloper) <img src="https://i.ibb.co/1fTqGCz/You-Tube-s-mbolo.jpg" width="16"> | Feed Screen | Details Screen | |-----------|-----------| |<img src="https://media.giphy.com/media/QE4ePwfrDUdp2OTegD/giphy.gif" width="250" >|<img src="https://media.giphy.com/media/Lr51m3IIi3yLae1bV0/giphy-downsized-large.gif" width="250"> | ### [Inspiration](https://www.instagram.com/p/B-kGS--gluL/) <img src="https://i.ibb.co/dK1QRMq/logo-instagram-icon.png" width="16"> ___ ## 12 - Template Gallery App #### [Flutter Card Template Animation | Stacked Cards | Speed Code](https://www.youtube.com/watch?v=YeV2ZYn2_JI&t=686s&ab_channel=diegoveloper) <img src="https://i.ibb.co/1fTqGCz/You-Tube-s-mbolo.jpg" width="16"> | Perspective List View| Settings Drawer | |-----------|-----------| |<img src="https://media.giphy.com/media/eZjCCjKneC0Us572ry/giphy.gif" width="250" >|<img src="https://media.giphy.com/media/L1PIR41QveWiVy7on3/giphy.gif" width="250"> | ### [Inspiration]() <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="20"> ___ ## 11 - Boats Challenge Watch the live of this challenge here -> [Flutter Boats Community Challenge](https://www.youtube.com/watch?v=EEx2gSJFAPk) | Demo | |----------------| |<img src="https://media1.giphy.com/media/cooaFpE9NIh1xVOvEu/giphy.gif" width="250"> ___ ## 10 - Bookstore App Flutter UI + Hero Animations + Simple Bloc | Home Page & Filter Page | Book Detail Page | |-----------|-----------| |<img src="https://media.giphy.com/media/Cm4iOYXAs5UnfgMwJt/giphy.gif" width="250" >|<img src="https://media.giphy.com/media/deHDFnQ92f5TEOuK1z/giphy.gif" width="250"> | | Open Book Page | |--------------| |<img src="https://media.giphy.com/media/BBWnhh0JYme8lOEjgs/giphy.gif" width="250" > | ### [Inspiration](https://dribbble.com/shots/14070372-Custom-Your-Book-List) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 9 - Instagram Redesign App Flutter UI + Animations + Slivers + Simple Bloc | Home Page | Dark Mode | |-----------|-----------| |<img src="https://media3.giphy.com/media/kcWFROSu37gtXpMGv4/giphy.webp" width="250" >|<img src="https://media2.giphy.com/media/Ay2opGqGyWxGXSQRqV/giphy.gif" width="250"> | | Stories View | Notifications Page | |--------------|--------------------| |<img src="https://media3.giphy.com/media/kFCmUoyx5QXRzQgIen/giphy.gif" width="250" > | <img src="https://media3.giphy.com/media/066yx2JbrILzbtZUHP/giphy.gif" width="250">| ### [Inspiration](https://dribbble.com/shots/14188610-Instagram-Redesign-2020) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 8 - Superhero Movies App #### [Superhero Movies App - Flutter Speed Code UI](https://www.youtube.com/watch?v=heimVhqr48M&t=459s) <img src="https://i.ibb.co/1fTqGCz/You-Tube-s-mbolo.jpg" width="16"> | Slider Page | Detail Page | | ----------------- |-------------| | <img src="https://media4.giphy.com/media/RriIppZB1GXXAAXjH6/giphy.gif" width="250" > | <img src="https://media1.giphy.com/media/sZTnX2wu5y1jAhJ1sI/giphy.gif" width="250">| ### [Inspiration](https://dribbble.com/shots/5935613-Marvel-Movies-Interaction) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 7 - Social App Photographers Flutter UI + Clippers + Animations | Home Page | Profile Page | | --------- |--------------| | <img src="https://media1.giphy.com/media/9lPSh9Kmkx06njdmt6/giphy.gif" width="250" > | <img src="https://media4.giphy.com/media/QVjFJABT8dfXWgfv8G/giphy.webp" width="250">| ### [Inspiration](https://dribbble.com/shots/6690819--Social-App-Design-Photographers) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 6 - Gaming App Flutter UI + Page View Animation | Home Page | Trending Page | | ----------------- |-------------| | <img src="https://media3.giphy.com/media/7vG0x6xREqBrtAgDh1/giphy.gif" width="250" > | <img src="https://media0.giphy.com/media/rnSIi0c1YJQaz0TV5i/giphy.gif" width="250">| ### [Inspiration](https://dribbble.com/shots/14420964-Gaming-App) <img src="hhttps://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 5 - My Medical Appointment Flutter UI + Simple Animations | Home Page | |-----------| |<img src="https://media4.giphy.com/media/vEQYseD1YceT4KNKmk/giphy.gif" width="250"/>| ### [Inspiration](https://www.uplabs.com/posts/my-medical-appoinment) <img src="https://cdn-images-1.medium.com/max/280/1*[email protected]" width="16"> ___ ## 4 - Music Albums Collection Flutter UI + Hero Animations | Albums Grid/List Page | Player Page | | ----------------- |-------------| | <img src="https://media0.giphy.com/media/hJvFVeckEgFziFMivt/giphy.gif" width="250" > | <img src="https://media4.giphy.com/media/DML1C5bzWDrMJVug1v/giphy.gif" width="250">| ### [Inspiration](https://dribbble.com/shots/12033542-Music-Player-Interaction) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 3 - Music Vinyl Animation Flutter UI + Animations | Albums List Page | Player Page | | ----------------- |-------------| | <img src="https://media.giphy.com/media/T4i2qn96gHbfB3OoN7/giphy.gif" width="250" > | <img src="https://media.giphy.com/media/4Jv4R2I0aopCOmhNQg/giphy.gif" width="250">| #### [Inspiration](https://dribbble.com/shots/10123436-Music-Player-Vinyls) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 2 - FindOut Flutter UI + Simple Animations | Home Page | City Page | | --------- |-----------| | <img src="https://media4.giphy.com/media/RW2noZZbTWPXLydkJY/giphy.webp" width="250" > | <img src="https://media4.giphy.com/media/BXy9dRcRKqjfGhdLXc/giphy.gif" width="250">| ### [Inspiration](https://dribbble.com/m4st3rmiau) <img src="https://i.ibb.co/J52dhz6/dribbble-1.png" width="16"> ___ ## 1 - Movie Selections Flutter UI + Animations | Home Page | Page flow - Buy Ticket | | ---------- |-------------------------| | <img src="https://media0.giphy.com/media/6KAleTd3WggPOgc4Rn/giphy.webp" width="250"> | <img src="https://media.giphy.com/media/Jj2yKZQc0B8gZ387ue/giphy.gif" width="250">| ### [Inspiration ](https://www.uplabs.com/posts/movie-selection-screens-animation) <img src="https://cdn-images-1.medium.com/max/280/1*[email protected]" width="16">