Flutter UI - e-commerce (Shoes Shop) Application from Scratch | Speed Code
Today we will create e-commerce(Shoes Shop) Application UI with Flutter. The main focus of this application is displaying shoe categories and recommended shoes to the user. Many types of shoes will be displayed in this application like Nike and Converse.
In this design, we will use a CustomClipper that consumed by CliPath to create a beautiful diagonal background, and we also customize default BottomNavigationBar provided by flutter by giving a rounded corner in top left and right. On the page transition, we give a hero animation to give a nice transition between pages.
"Flutter Made Simple" and happy coding with flutter.
Thanks for Watching!
Don't forget to like, share, and subscribe for more videos.
Thank you.
#UI #Flutter #Shop
Design Credit: https://dribbble.com/shots/7157110-Shoes-Shop-Mobile-App
Source Code: https://github.com/robbyrahmana/app_shoe_shop
I also posted some applications created using Flutter in PlayStore.
1. Moviepedia
https://play.google.com/store/apps/details?id=com.edsbrains.tmdb_mobile
2. Flutter Gallery
https://play.google.com/store/apps/details?id=com.edsbrains.flutter_yt_gallery
3. Alsalaa
https://play.google.com/store/apps/details?id=com.edsbrains.pray_time
4. Financial Records
https://play.google.com/store/apps/details?id=com.edsbrains.moneytracker
Any suggestions or comments are welcome.
Видео Flutter UI - e-commerce (Shoes Shop) Application from Scratch | Speed Code канала Robby Rahmana
In this design, we will use a CustomClipper that consumed by CliPath to create a beautiful diagonal background, and we also customize default BottomNavigationBar provided by flutter by giving a rounded corner in top left and right. On the page transition, we give a hero animation to give a nice transition between pages.
"Flutter Made Simple" and happy coding with flutter.
Thanks for Watching!
Don't forget to like, share, and subscribe for more videos.
Thank you.
#UI #Flutter #Shop
Design Credit: https://dribbble.com/shots/7157110-Shoes-Shop-Mobile-App
Source Code: https://github.com/robbyrahmana/app_shoe_shop
I also posted some applications created using Flutter in PlayStore.
1. Moviepedia
https://play.google.com/store/apps/details?id=com.edsbrains.tmdb_mobile
2. Flutter Gallery
https://play.google.com/store/apps/details?id=com.edsbrains.flutter_yt_gallery
3. Alsalaa
https://play.google.com/store/apps/details?id=com.edsbrains.pray_time
4. Financial Records
https://play.google.com/store/apps/details?id=com.edsbrains.moneytracker
Any suggestions or comments are welcome.
Видео Flutter UI - e-commerce (Shoes Shop) Application from Scratch | Speed Code канала Robby Rahmana
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Flutter COVID-19 Dashboard UI | Speed Code](https://i.ytimg.com/vi/krU-ASLb8lM/default.jpg)
![Flutter in 100 seconds](https://i.ytimg.com/vi/lHhRhPV--G0/default.jpg)
![Building an E-Commerce App From Scratch - Part 1](https://i.ytimg.com/vi/5TN48ecBhDQ/default.jpg)
![Onboarding Screen - Complete E-Commerce App Flutter UI - Ep 1 - Speed Code](https://i.ytimg.com/vi/YEJPg2jwzI8/default.jpg)
![Flutter UI - Food Delivery Application from Scratch | Speed Code](https://i.ytimg.com/vi/dsWzN2nzazA/default.jpg)
![Flutter UI Tutorial | Shopping Application UI Design and Animation - day 15](https://i.ytimg.com/vi/lrMCjIYpnjg/default.jpg)
![Daily Exercises App - Flutter UI - Speed Code](https://i.ytimg.com/vi/qQ75cxc5q8o/default.jpg)
![Flutter Nike Store App UI Concept - Speed Code](https://i.ytimg.com/vi/cQ87mfqzx_E/default.jpg)
![Flutter Design Tutorial | Minimal UI - Part 1](https://i.ytimg.com/vi/neXfa4J752A/default.jpg)
![Coffee Shop App UI-Speed Code-FLUTTER -Simple | Clean | UI](https://i.ytimg.com/vi/QvkXmVkHS6s/default.jpg)
![FlutterUI - Minimal Designs - Nutrition app](https://i.ytimg.com/vi/K1uH_SN4X0w/default.jpg)
![Flutter Travel UI Tutorial | Apps From Scratch](https://i.ytimg.com/vi/CSa6Ocyog4U/default.jpg)
![Flutter UI - Booking Apartment Application from Scratch | Speed Code](https://i.ytimg.com/vi/j76aYLkNQtU/default.jpg)
![Flutter - Custom Shaped Bottom Navigation Bar (From Scratch) | Flutter UI Tutorial](https://i.ytimg.com/vi/1ToqYMSnNhA/default.jpg)
![Sign Up And OTP Screen - Complete E-Commerce App Flutter UI - Ep 3 - Speed Code](https://i.ytimg.com/vi/iZqxIvlzXVw/default.jpg)
![Online Food Ordering App - Flutter UI - Speed Code](https://i.ytimg.com/vi/F0ujC60wHwc/default.jpg)
![Plant App - Flutter UI - Speed Code](https://i.ytimg.com/vi/LN668OAUrK4/default.jpg)
![Flutter UI - Shoes Shop App | Speed Code | with Source Code🔥🔥](https://i.ytimg.com/vi/nCODPtNf1oM/default.jpg)
![Furniture App - Responsive Flutter UI - Speed Code](https://i.ytimg.com/vi/8uLI8ade1aA/default.jpg)
![Flutter Web Shopping App Admin Dashboard (part 1)](https://i.ytimg.com/vi/vZaztF9Yvgc/default.jpg)