Online Shop App - Flutter UI - Speed Code
Vložit
- čas přidán 28. 07. 2024
- Today I will share with you a nice and clean Online Shop app UI by using #Flutter.
Flutter Shop App Template: github.com/abuanwar072/E-comm...
On our E-commerce app #UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and a short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.
Learn to use SVG icons, passing data from one screen to another screen, hero animation while navigating to the detail page, create your own button widget from MaterialButton, and more.
►Source Code: bit.ly/3itixC7
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:38 Project Setup
2:15 Home Page
11:14 Details Page
Thanks for watching!
Make sure to like + Subscribe For More!
Abu Anwar, you nailed it once again, as always, wow, amazing result, more better when you choose vector or svg rather than png as your assets ( compare with the Furniture videos bit pixelated ), and yes, the animation. Well done
Thanks again!
The more I see flutter videos the more I want to learn it, they are super easy to learn and way better in terms of user experience.
Happy to hear that!
Just a week ive been into flutter and ive found your channel , such great content, keep it up man!
Man you make it look so easy, it's pretty amazing and creative.
I started learning flutter recently, and this video actually made me more confident that I can make great looking apps with what I know already about flutter as mostly no 'rare' or 'weird' widgets were used in this, instead most of them were pretty common, yet it looks very nice.
Thanks for the inspiration sir, I hope your channel keeps growing, you have a new subscriber.
Happy to hear that!
And how is your learning exp after 3 years and was it hard or easy and the only thing is hard for me now is to right the code on my own without video or any help 😢😢😢
loved the format and it was so easy to follow what's going on. thank you! 💘
Glad it was helpful!
@@TheFlutterWay What is the format extension?
I've been learning a lot through your channel, mate! THANK YOU for the effort on posting great content!
Glad to know that!
Please don't stop making us happy and confident ♥ we appreciate ♥
I am bingewatching your videos. And I have to say, I love your style of code management
Awesome, thank you!
Great job... I am completely new to this field... Even I can follow ur steps.. It gives me confidence.. Thank you for your kind and smart work.. Pls keep going... ... U will get more subscribers like me
So nice of you
THIS IS CRAZY. Man, you're just incredibly cool. I am learning flutter recently. The fact that I found you is a miracle! You are really cool. For the past 12 hours I've been tinkering with your code. You are a great programmer, but the fact that Google has changed the whole syntax so much in two years is terrible. I do not understand this. For the last two hours I've been trying to get "ItemCard" to work. I have been programming in python for a long time and know css, but flutter breaks my brain.
Many thanks for your work! 😄
Love how organized the codes are with classes. Learned a lot from u man!
Glad to help!
I just start to learn flutter one week ago , your videos become my daily inspiration for coding 🖐️❤️
That's great!
This was awesome to watch even tho I am not gonna use flutter for a while currently but its super easy! 👌🏻
Great work! No need to speak, just flow the codes. I like that format. :)
Much appreciated!
Wow, your coding ability is pretty amazing. I had never seen others code process, algorithm gives me to see it. I really respect this youtuber guy. thanks for gives an oppertunity to watch your wonderful code.
🤍
Você é demais! Aplicativo feito com excelência, meus parabéns!
After A Year, still not boring...
Awesome, kudos!!!
You are awesome...I think this is the best way to learn if you are not like a newbie in software dev. Building small apps like to do list apps is great if you are starting out but you just don't learn as much....
Hi,
Really strong job. The way coding is organised with classes and these widgets. Great job.
Thanks !
Glad it was helpful!
Great work! It was really good example for me(beginner). Loved it. Thank you.
Great to hear!
Gran diseño de interfaz, lo seguí paso a paso y va genial, hubieron errores al compilar pero eran descuidos míos.
Sería interesante un video continuando esto pero con la lógica que se requiere.
Bro, en esta parte del codigo no te dio error? en el ".copyWith"(fontWeight: FontWeight.bold) del body
Really love the music. Such great video.
Thank you. I felt like watching Sim City play growing to 1 million pop.
Thanks 😊
you are so amazing doing great work for opensource community!!!
such a excellent work Thank you!!!!
Just keep supporting us like this🙏, more are coming 🤗
You so so fast, amazing and creative! Awesome!
you are first people i flow , good job ! Thank you !
I appreciate that!
it's beautiful!!! thanks for idea! psdt: great work!
I love it! Thanks for sharing the work.
Great tutorial...And great background song.
Thanks for watching
Great tutorial,
Love so much with the music 😄😁
Thank you! Cheers!
This is a big help to us newbies, Great job...Thank you very much.
Didn't know Hero before, now I'm amazed and will try! Thank you!
Happy to help
Your app looks awesome, congratulations!!!
Thank you!!
A great channel for understanding hands-on development practical work
Thanks, it means a lot
Yes bro
That's looks hard but when i've watched your videos, that looks so so easy
Glad it helps!
I would prefer this tutorial with commentary and with normal speed, but still with all resources provided its an amazing tutorial to learn.
Noted!
Love your vids, your code is so clean. You are achieving awesome results, 👍
Glad you like them!
really nice and elegant, i am now a iOS developer, this tutorial and bgm just like a very efficient and amazing travelling of flutter project in practice... Thanks!
Glad you like it!
The app UI is so classy and beautiful just waaooo.
Thanks 😊
i love your coding style broo ...
😎😎😎
this tutorial learn me a lot of things .. thank you sir for the great tutorial.
Glad to hear that
I'm too learning a lot watching your videos. This is quite amazing that we get learn from speed coding. Such an amazing work. Keep up the good work.
i dont know what is happening, but i smile most of the time watching this video, damn this is beautiful
I love your work.
Dude, you are amazing! The Flutter HERO
Glad you like it 😊!
Hocam selamun aleyküm linkedin bağlantınız mevcutsa paylaşabilir misiniz ?
@@talhavarol8883 Bana mı söylediniz ?
Thank god i stumbled on this channel. I thought all those designs were fake and can't be done solely in Flutter untill i saw it made right here.
Btw, can you please show me the direction to start learning Flutter. Book, tutorials, hell even make a new tutorial for us. You are going to be huge bud.
Thanks it means a lot for us.
you may check this one
www.udemy.com/course/flutter-bootcamp-with-dart/
Great tutorial, helped a lot.
Glad to hear!
Great!! It helped me a lot. Thank you
Glad it helped!
Great job. You make it look easy.
Thanks 👍
WTF!, You're the best one! 🔥
This is super! Good work
So well done, thank you!
Glad you enjoyed it!
Nice. Thanks for the video. i was Inspired by this video ❤
Happy to hear that!
Great job! That was amazing
Glad you think so!
非常感谢,从你的项目中我学到了许多。
ı watched your videos and ı think flutter is easy . you are very good teacher. THANK YOU SO MUCH FROM TURKEY
Thank you! 😃❤️❤️❤️
No need to speak. Still powerful . Great
Thanks, Keep supporting us like that❤️👍
he made my day bro
So beautiful. Thanks you. Your code is very cool!
Thank you so much ☺️
I love your UI, simple e beautiful.
Glad to hear that
Awesome tutorial. Thank you very much
Glad you liked it
Lovely UI. Inspired to learn more.
Thank you so much for your good explaining
I learned flutter from your video, thanks for the knowledge
My pleasure. Keep supporting my channel 😊
Amazing
. I will try it, Thanks!
Please do!
Thank you for this amazing video! But I had a problem, in the listview there are difffrent sctions, jewlerry, handbags, etc. So can you help in making diffrent flutter pages appear when one of them is clicked?
Sense of colop picking is amazing
Thanks
Very impressed by your way of creating all the effects and doing it so effortlessly.. em gonna make a clone of this app by using the assets you have provided link.. very good work done though
Thank you for the effort on posting great content 🙂
So nice of you
thanks man for this video. It's best of all, easily understandable by anyone.
Can you please add feature add to cart functionality with & without using BLoC pattern in the upcoming videos in this same module. Keep going, It's excellent stuff
Thanks for the suggestion.
Thank you for this tutorial 🙂
You’re welcome 😊
awesome way of learning. kudos. 👍🏻
Many many thanks
Dude, you are amazing!
Thanks! 😃
Loved it
U earned a new sub
Amazing Session
Fruitfull Knowledge ❣️
this video tutorial is inspiring. Thank you sir
Glad to hear that
great work with good background score
Glad you like it 😌
Nice video. What i want to know is What theme are you using on your VS Code? I like the straight dotted lines for each nest of code
wow i'm very impressed man
Neat and superb , Bgm also feels great 👍
Thank you so much 🙂
Can I ask what extension you used? That dashed-line indentation is so cool.
Awesome 👍. I enjoyed it a lot.
Glad to hear that 😊
These kinds of videos are the best!!!
As I can't stay focus for long where things are explained by smbdy, but this style of teaching, I think it's the best way to learn (in my opinion)
Thz u for your hardwork
I'm so glad!
Excellent video!!!
Wooooow you are The Best on this Planet
Thanks, it means a lot❤️❤️❤️
So cool!
Too good man!! thanks for sharing!!!
My pleasure!!
The music beautiful 👌
thank you for sharing this , let me tell you , i learn lot from this , but nor this is 2022 so little change is also i have to do and your 30 min. video take my almost half day but at the end i fill well and thank you , also hope for sharing similar lot of contain
great source of learning of flutter beginner
Glad you think so!
Special from Eastern Africa Ethiopia thanks you create a room for us to learn flutter because there is no way to get udemy course because of lack of foreign currency thanks to you we can get update course through your channel it helps me a lot thank you again
My pleasure!
Hi, 10:00 When you are building the Card, how could I place an IconButton.ADD in the bottom right corner of the bag, to add to the cart, without opening the item details? With Stack? How can I do this?
Sweet. enjoying your work
Awesome, thank you!
Thanks for your videos
Great content!
Question: Which VS extention is the one that links each widget with small continuous lines? That would come up pretty handly!
Thanks!
Awesome man!
Thank you! Cheers!
nice tutorial and very useful
I really appreciate it. good work bro
It's my pleasure
Thank you for the videos. I have a question, where do you get these images from? Also, could you build a UI for an android developer portfolio app? Thanks.
Very good video ..the best.. to learn.. thank you !
Glad you liked it!
Beautiful ❤️
Thank you! 😊
can u show me how to navigate to other page when tapping other Categories like Footwear