Coding a Beautiful Travel App with Flutter and Dribbble Design
Вставка
- Опубліковано 8 лип 2024
- 📂 Project Files - github.com/Spellthorn/flutter...
Looking to build a beautiful travel app with Flutter? In this tutorial, I'll show you how to use a Dribbble design to create a custom travel app with a stunning UI. I'll take you through the entire development process step-by-step.
I'll be using various Flutter packages and tools to help you build the app faster and more efficiently. You'll learn how to create custom widgets, work with Flutter layouts, and implement responsive design to make your app look great on any device.
Whether you're a beginner or an experienced Flutter developer, this tutorial is perfect for anyone who wants to learn how to create a custom travel app with a beautiful UI. By the end of this tutorial, you'll have a fully functional travel app that you can customize and use as a template for your own projects.
Don't forget to subscribe to my channel for more Flutter tutorials, and hit the notification bell to stay updated on my latest videos.
💻 Designer - Arya Wijaya Kusuma -- dribbble.com/shots/15793197-T...
🖼️ Images by pikisuperstar on Freepik - www.freepik.com/author/pikisu...
Image1 - it.freepik.com/vettori-gratui...
Image2 - it.freepik.com/vettori-gratui...
Image3 - it.freepik.com/vettori-gratui...
Image4 - it.freepik.com/vettori-gratui...
🕒 Timestamps
---------------------------
0:00 Introduction
0:30 Project Setup
1:24 Setting Up Main Page
2:17 Setting Up Home Page
3:38 Setting Up Styles
9:54 Setting Up Assets
10:44 Coding Home Page
12:33 Coding Heading Section
20:00 Coding Search Section
31:38 Coding Label Section
37:23 Coding Recommended Section
58:46 Coding Destination Model
1:06:49 Coding Top Section
1:23:00 Coding Bottom Navigation
🛡️Join this channel to get access to perks: www.youtube.com/@Spellthorn/join
Help me reach my sub goal by subscribing youtube.com/@Spellthorn?sub_c...
||||||||||||||| 233% ||||||||||||||| 4.66K/2K
Most recent subscriber: jtcdarkstar darkstar
@Spellthorn is a talented web/mobile developer who is dedicated to helping others improve their coding skills. Through their UA-cam channel, they create informative and engaging videos that cover a wide range of programming topics. - spellthorn.com/ - Навчання та стиль
I really hope you enjoy this video! I hope you like Flutter as much as I do. and this video helps you be creative. Let me know any feedback as this was my first video with commentary.
Nice explanation of the concepts of flutter. Hope to more content related to flutter.
Thank you, definitely more flutter videos to come. 😁
Great tutorial. Thanks so much!
Glad you enjoyed it 😁
great content!
waiting for next one!
Glad you liked it. I already have another app design. and even more to come 😊
Amazing content, good presentation. Please continue.
Thank you, I will
You got the New Subscriber, Mate. Hope to see more content of Flutter.
Welcome 😁 I have another app design video already and a lot more to come.
Nice and beautiful layout application continue...
Thank you, I will
Very nice video and easy to follow for a me!
I'm glad you enjoyed it 😁
Really good video please bring more videos like this
Thank you. I already have another longer project and will be making many more 😁
You just got another Subscriber! Quite clean code and nice attention to detail.
Thanks and welcome. Drinks are in the fridge 😁
@@Spellthorn Much obliged🍹. I'll work on the whole app version and let you know for you to check on it.
😁
@@danielalvarez9404 I would like to check it out too 🌚
I really enjoyed the content while learning ❤
Glad you enjoyed it! I have a lot more videos 😁
@@Spellthorni see. You should start a udemy course in flutter😅
Maybe one day. Idk if anyone would pay for it if i did though 🤔
wonderful
Glad you think so!
This is great..
Thanks 😊
thanx
You're welcome!
Subscribe done 😌🔥
I appreciate it, welcome 😁
Great Video , hmm but im confused the short key for the code to have a good appearance look like the arrangement of each line can you tell me?
To format the code its CTRL + Shift + F, you can also change vscode to format on save which I started doing in future videos.
Good content, but the font is too small, please consider increasing the font site the next time.
Thank you so much for efforts.
Subscribed
Glad you enjoyed it. I'll look into increasing it more
58:33 shortcut key
I Really enjoyed your vidéo.
That was great and keep it going.
Just One request, can you Just cretaze a Playlist including a complete project that every vidéo explain a concept or part of flutter développement such as fetch apis, and etc.
It Will be awedome for beginners.
Tnq à lot
I'm glad you enjoyed the video. I will definitely make a project that includes api access. Any other concepts your looking for?
@@Spellthorn I am beginner in flutter and I would like to Learn more about storage and device service apis like gps etc.
Connection to an api by http requests would be so intressting.
Tnq for your respond
I made a video about APIs on my channel, I will be doing storage soon too
@@Spellthorn tnq alot I wish you thé bests
Hey great video, can you please make a similar project for a hospital app
I can look into doing that yea. Any specifics you're looking for it to have?
How to make the cards navigate to a new page when clicked.. please how can I do that
You could wrap in a gesture detector and on tap navigate to the next page similar to this...
onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), );
Hope that helps 😁
How can I go from 0 to 100 in flutter which resource should I follow? I don't know flutter yet, so won't be able to follow this tut
I have a new video that shows you how to make a design In figma and then code it. That can hopefully help you understand a bit more. You can also use chat gpt to help you do things you're trying to. There's probably other great videos that teach the basics as well. I like more of a hands on approach though which is the path I take with my videos
will you complete this project with backend?
I didn't plan on doing any backend for this no. What kind of backend did you have in mind? I could always look into making a different project that uses it in the future
can you share what expansion you used?
I'm not sure what you mean by expansion?
@@Spellthorn typo sorry, i mean extensions
Thats okay. Extensions in what vscode?
@@Spellthorn yups. i love your tutorial and explanation. well presented.
I'm glad you enjoyed it. The only extension I have is material theme for the icons on the folders/files
please, share your wallpaper xD
You can Google flat forest wallpaper. Should be the first image. Its on peakpx
@@Spellthorn thank you. amazing wallpaper
No problem. I liked it when I saw it too. I also see they have a lot of other great ones 😁