Online Shop App – Flutter UI – Speed Code

Share it with your friends Like

Thanks! Share it with your friends!

Close

Today I will share with you a nice and clean Online Shop app UI by using #Flutter.
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 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.

►Source Code: https://bit.ly/3itixC7

►For the 3D intro, I’m using Rotato: https://bit.ly/3heGagj

► Social Media
GitHub: https://github.com/abuanwar072
Twitter: https://twitter.com/theflutterway
Twitter: https://twitter.com/abuanwar072 (my personal profile)
Facebook: https://www.facebook.com/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!

Comments

Wizock says:

this video called me stupid in 14 different languages, including dart

Maxxx says:

Which langs are used to create such apps ? can somebody helppp?
i have done some UI design but want to develop an app
, which lang will be the most handy?

Lei Wang says:

Superman typing speed…

Aman Patel says:

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

Mecegguem Mohamed says:

it's complicated flutter :'( , you have to learn every single thing and how to use it
i recommande people using react native

zen lapan says:

thanks suhu

Kelvin Otieno says:

Heads up, for anyone watching this tutorial later like me, use flutter_svg v 0.18.0 or higher. Preferably the latest one. You can find the version number from https://pub.dev/packages/flutter_svg

Kelvin Otieno says:

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….

Fibozzy says:

what is "kstyle"? does it come with the material library/flutter or is it something you came up with yourself?
seen this in many flutter videos, but don't get anything when i look it up on google

Kertas Merah says:

Sweet. enjoying your work

Software TechIT says:

Nice video's i like it great to see you
Support us visit on our channel

Prabowo Murti says:

Thank you. I felt like watching Sim City play growing to 1 million pop.

PA UL says:

pls help.
i was copying and after creating the ItemCard class I got an error at product[0].image.
The operator '[ ]' isn't defined for the type 'Product'

billiardoxx says:

Interesting video. Bro, how do you manage for different display sizes (phones and tablets)?

Heming mathews says:

The app UI is so classy and beautiful just waaooo.

Farrukh says:

i am a native android developer … and i fell in love with flutter .. u cant imagine if u have to implement same ui design in native android how many hours u have to put in

VastuGuruji says:

Can u make this for us

The Tech Hex says:

Sir do we have to make this changes that you have shown in the video after downloding the source code

Karthiga Devi says:

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

Martin Mwiti says:

Awesome tutorial. Quick question. How do you screen record the app? The way it appears on your intro.gif

Mohammad Eid says:

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.

Kyaw Sithu says:

By the way, what is the plugin you used for matching tag like treeview?

Binod khatri says:

awesome video,and what is the theme name you used in vscode ?

Sarbast Fawzi says:

Great work! This was helpful, thank you 😊.
One question: Is there any difference between IOS and Android in coding or it is all the same?

Qủa Dưa Dận Dữ says:

Awesome !!!

Marlon Subuyú says:

Your app looks awesome, congratulations!!!

Karan Shah says:

sir please 2 part and main focus on list clickable

VIMAL RAJ says:

outstanding bro.

Eduardo Bussarello says:

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?

Mudassir Zulfiqar says:

Best video on planet

Write a comment

*