ionic V5 tutorial Modern 2020 UI UX design - Storage Management Application - Free and Open Source.

Links:
Starter Project: stackblitz.com...
UI Source Code: stackblitz.com...
live demo: ion-youtube-st...
GitHub Account: github.com/hab...
My Blog: habib.al-mawal...
Here is a new tutorial demonstrating UI UX design for storage management application using ionic 5 and Angular Framework V9 🔥.
Project Assets
Colors:
Blue: 3670e5
Gradient: 2b5a94, 2d70e5
Silver: f1f5f8
Images:
Avatar: habib.al-mawal...
Dropbox: cfl.dropboxsta...
Google Drive: www.freeiconsp...
Files: i.ibb.co/jD8yp...
Icons: apps, notifications, document, film, ellipsis-vertical
#ionic #Angular #UI #UX
Spend time learning new things during the COVID-19 coronavirus quarantine period.
Be Safe, and spend a good time during the quarantine.
Please Subscribe: www.youtube.com...
Thanks, Guys.

[@ovuokeaghwotu2389]

This tutorial is still very helpful 3 years later. I would add that handling light and dark mode is not addressed.

[@canvaapplessons1224]

Lovely as always 🎉🙂. Thanks so much brozzer.
_Just a reminder for my previous suggestions:_
SMALL BITS
- App language switch (English, Arabic)
- Custom splash screen animation
- Working with Backgrounds (colors, gradients, pictures)
- Choosing colors (tools and good practices)
- Quick theme switch (3 themes: light, dark, yellowish)
FULL DESIGN
- Magazine app design

[@HabibAlMawali]

Noted. Thanks for the tips!

[@sacmaliyoruz]

you are the best of ionic :)

[@juliokavege9772]

Good Job @Habib! I'm excepting more content like this. Thank you.

[@HabibAlMawali]

More to come!

[@JeanPaulll]

I'm really happy about it!

[@ikenna042]

This is a great tutorial, Thanks for the beautiful UI you are designing. I am looking forward to more of this.

[@HabibAlMawali]

Glad you like it. More to come.

[@banonroy]

Awesome work buddy, one of the best photo to reality in Ionic

[@TheGiordanox]

Thank you for sharing your codes, Mr. Habib! Greetings from Brazil.

[@HabibAlMawali]

Glad you like them!

[@deborahjamesmathew]

This is one of the best videos I have found to improve the ui of my app. Thank you so much !!!!

[@HabibAlMawali]

Great to hear!

[@sergioromero6646]

Excelente video sigue así 😉👍🏽...sigue subiendo más diseños con Ionic 🔔

[@HabibAlMawali]

seguro muchas gracias

[@carlosvillegas33]

I'm your fan, man

[@HabibAlMawali]

Appreciated!

[@GGGStalker]

Nice work and great demo! Thanks.

[@HabibAlMawali]

Glad you liked it!

[@themysteryman-e2j]

wow hats off to your hard work

[@lcho9871]

Excellent and thanks very much.

[@HabibAlMawali]

You are welcome!

[@microvirus]

Awsome Habib

[@joshuariverol]

Fantastic! Great content! Subbed!

[@VipinKumar___1111]

Which snippet you are using

[@nuriffah7539]

New subscriber here! Thanks for your video!!

[@HabibAlMawali]

Welcome!

[@ronvanda3045]

Fantastic explanation!!!
Thanks!!!

[@kingmega8730]

Thank so much sir
Your good teacher

[@aldomartinez20]

I recommend tool Swatch for the colors picker.

[@HabibAlMawali]

Thanks!

[@nephylumsaracen6722]

Yho! You're awesome ninja!!!
Keep up the good works.
Tip: Start a Patreon.

[@HabibAlMawali]

Thanks! Will do!

[@delphinmutaka8145]

Very nice I love it

[@nagamanikanta4251]

Awesome work. Could you please share me the 2nd image video

[@alex_c_fpv]

Brilliant!

[@navaneedhan5265]

Thank you very much for your service.

[@HabibAlMawali]

Our pleasure!

[@iamrupeshmeher]

in iphone the size of card is change

[@camichavesapps]

You are amazinggggg

[@omaniprogrammer2380]

Very useful tutorial 👍

[@HabibAlMawali]

Glad you think so!

[@vajidali9979]

Hello sir I have a question

[@aldomartinez20]

You're the best!

[@HabibAlMawali]

Appreciated.

[@miguelfrojas]

Very good videos thank you very much.
Could someone explain to me why the "Background" property is used twice and how to know in which elements it is useful to do this trick

[@HabibAlMawali]

Good question! the - - background is ionic CSS Custom Properties that can be found in the ionic official documentations mostly applied for ionic UI components which starts with ion like ion-toolbar and the background is the normal CSS property.

[@calebadeleye]

thank you very much

[@kaustavsengupta8757]

Brother, You are outstanding, have you ever considered making an Udemy course regarding advance ionic function? I will love to buy that..

[@lcho9871]

In light of ease, could you teach us how to make the ion-item section scrollable covering the ion-slides section? Thank you.

[@اللهاكبر-د5ك2ر]

Keep going

[@apoloszombre9285]

Hello Sir, how are you? Please I have a project to do with IONIC which is to develop an android application. I wanted to ask for assistance because it is urgent

[@kinetik2018]

Perfecto !!!

[@amareshsahoo320]

This is really great job job..one Request kindly make a complete modern e-commerce mobile app UI.Thanks in Andance

[@HabibAlMawali]

Noted. Thanks.

[@kingmega8730]

Thanks sir

[@VikashSingh-ou6mb]

Best 😍

[@HabibAlMawali]

Thanks

[@lovingnirav]

Can you upload on github ?

[@rajukumarhalder]

Clean ui and code. Thanks for this.
Can you please help me that how to select check-box when clicking anywhere on the parent div.. with ion-item i cant achive the design. So i made it using div. But this way only the checkbox is checkable.. cant check by clicking parent div

[@HabibAlMawali]

Thanks for your kind comment. Please drop me a message to discuss your concern.

[@lklyrics4539]

god bless you

[@brandonsoto6233]

Great Job! A W E S O M E

[@mdomerarafat4611]

awsm

[@HabibAlMawali]

Thanks.

[@ikenna042]

Please can you design ionic form like register and login with beautiful styles?

[@HabibAlMawali]

Sure, stay tuned.

[@leksetengah]

why dont you create from beginning, i cannot run in local

[@HabibAlMawali]

We can assist you on this. please contact [e-mail]

[@xianchen1935]

Quick question, for a full fledged app, would you put all paddings etc in a style object, so if you ever have uniform padding, you wouldn't need to change the padding of every single object?
I don't mind hardcoding, but it might get difficult in future development right?

[@ebtntw]

Please create a tutorial for ionic chartjs but the data will come from sqlite 🥺

[@krishnakantmhatre1522]

Provide PSD File also

[@Ackoz]

Result is totally inconsistent with design.

[@zaraoberain9138]

: )

[@henrypowell3496]

22222 views lol, all the 2s