Flutter Tutorial - 1/2 Fitness App UI (For Beginners)

Подписаться 200 тыс.

Просмотров 16 тыс.

50% 1

Let's build a nice-looking fitness app UI with Flutter where you can watch workout videos of your personal trainer. This Flutter Tutorial is For Beginners.
Click here to Subscribe to Johannes Milke: ru-vid.com...
- Source Code: github.com/JohannesMilke/fitn...
- Buy My Courses: johannesmilke.teachable.com/p...
- Follow Twitter: intent/follow?ori...
Resources:
Line Chart Tutorial: • Flutter Tutorial - Lin...
Shop App UI Tutorial: • Flutter Tutorial - 1/3...
Social App UI Tutorial: • Flutter Tutorial - Soc...
Tinder Dating App UI Tutorial: • Flutter Tutorial - Tin...
Movie App UI Tutorial: • Flutter Tutorial - Flu...
Stories App UI Tutorial: • Flutter Tutorial - Flu...
Timeline:
0:00 Preview Fitness App
0:28 Statistics
4:30 Exercises
-- JOIN THE CREW --
bit.ly/JohannesMilke
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Me :-)
- Twitter: intent/follow?ori...
- Linkedin: / johannesmilke
- Github: github.com/JohannesMilke
PLAYLISTS
- All Flutter Videos: • Flutter Tutorial - Flu...
- Widgets - Flutter: • Flutter Tutorial - Flu...
- Plugins - Flutter: • Flutter Tutorial - Flu...
- Animations - Flutter: • Flutter Tutorial - Tra...
- Designs - Flutter: • Flutter Tutorial - Flu...
- Firebase - Flutter: • Flutter Tutorial - Pag...
If you find this video useful, LIKE & SHARE this video to help other people who also learn Flutter :)
bit.ly/JohannesMilke
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

Наука

Опубликовано:

5 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@scottmatthews5683 3 года назад

Keep on going man.. You are my flutter guru

@pranavchourasia8189 3 года назад

Thank you so much for making such kind of useful resource.

@sudirkrishnaars9378 3 года назад

Love your videos!

@AniketSingh-tj5si 3 года назад

Man how awesome you are . This was soo interesting

@bijayaadhikari442 3 года назад

Your work of out of the world. The description need Buy me a coffee or Patron or Join membership. And liked your smiley profile pic.

@coachlevent4633 3 года назад

good job...

@althafaralijaffarali1803 3 года назад

Awesome bro. New profile pic 😁👌

@habeshamix807 2 года назад

Hey John you have the best courses on flutter but why only focus on the UI can't you make a full tutorial with backend? please make backend tutorials .

@eleanortay2389 2 года назад

Thanks for the great video! But Im still not sure how you get the number of exercises from List exercises. For example, would you be able to explain how to get 8 core exercises from the easy level?

@HeyFlutter 2 года назад

Thank you, Eleanor Tay! 🙂 please follow the tutorial step by step you will get to know each and everything clearly

@mgmyo7066 3 года назад

please make responsive example with media query

@HeyFlutter 2 года назад

This might help you :) Source Code: github.com/JohannesMilke/fitness_app_example Line Chart Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LB7B3zudivI.html Shop App UI Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CQZr-GXe__Y.html Social App UI Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PvDOgOdUgkU.html Tinder Dating App UI Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v1wofhoutBk.html Movie App UI Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aLwjk-G2Qik.html Stories App UI Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3f9oqIvxNc0.html

@YasinIlhan61 3 года назад

Thanks the video, but i think it easy to use TabBar->TabbarView for swiping instead of using GestureDetector.

@HeyFlutter 2 года назад

Yes, you are right, the TabBar is also more comfortable & gives better usability. This time I wanted to show an alternative 🙂

@LUCA54 3 года назад

Super video! An deiner Stelle würde ich allerdings den source code nicht so sehr bewerben. Könnte sein, dass viele dadurch das Video nicht zuende sehen. Vielleicht hast du dadurch höhere Watchtime. Ist ja essentiell für den Algorithmus. Hast nämlich mehr Reichweite für den Aufwand verdient. :D

@govindbnair2067 2 года назад

What is the programming language you used in the flutter?

@viktornagy8391 2 года назад

Very good app, but i was not able to run it i got error messages. Could not build the application for the simulator. Error launching application on iPhone 13. Any idea what to change?

@HeyFlutter 2 года назад

Hello, Viktor Nagy! Follow this link: stackoverflow.com/questions/64661276/flutter-error-launching-application-on-iphone-12-pro-max-and-pod-install, I hope it will solve your problem. Thank You 🙂

@mohammedislam733 2 года назад

Is this just UI? Thanks btw ❤️

@mohammedislam733 2 года назад

@@HeyFlutter u welcome can u make a backend with firebase to this app? Ur work is very interesting 😍

@haberinvarsa 2 года назад

please add turkish subtitles

@random0899 Год назад

No puedes hacer uno de boxeo😊

@HeyFlutter Год назад

Thanks for the idea, random :0! 🙂 I have added it to my list of ideas for future videos!

@stunnaman8803 3 года назад

Please reply to my comment. Why does my app content disappeared after coding it..

@HeyFlutter 2 года назад

Thank you, Stunna Uptown! 🙂 You probably maybe you using wrong design strategy, please follow the tutorial step by step. Your problem will be solved. Best of luck