Ionic 5+ Travel App 2021 | Part 3 - Custom Tabs | App Landing Page

Опубликовано: 22 Август 2026
на канале: Coding Technyks
1,123
18

#CodingTechnyks #Technyks #Ionic UI #Angular
► Hello Friends, Welcome to @CodingTechnyks, I brought to you Travel App - Episode 3 where we will design the Custom Tabs for the App Landing Page using​ #Ionic5 #Angular for #android & #ios.

► Main Features: Custom Tabs

► Other Features:
Welcome Screen with Autoplay slides in the background
Sign In Screen
Sign Up Screen
With proper Form Validation & Error messages.
Camera Plugin
Cordova plugin (for capacitor)
Implementing Live Reload feature
How to execute in Android & iOS

Subscribe to our Channel! ❤️

► Udemy Course on Ionic Coupon Code
1. DIWALI360 (Upto 97% Off i.e., Rs.360 | Expires Nov 16, 2021) - https://www.udemy.com/course/ionic5-b...

2. TECHNYKS490 (About 84-97% Off i.e., Rs.490 | Expires Dec 2, 2021) - https://www.udemy.com/course/ionic5-b...

► For Course Description, watch the Course Intro Video at    • New Udemy Course Launched | Ionic 5+: Begi...  
Stay tuned to the Channel for latest offers.

► Ionic 5+ Camera plugin Capacitor 3 | Travel App - Ep 2 (Previous Video):    • Ionic 5+ Camera plugin Capacitor 3 in brow...  

► Ionic 5+ Custom Tabs Series:    • Ionic 5 Custom tabs UI (2021) - Ep 1 - wit...  

► Ionic 5+ Instagram Clone App Series:    • Ionic 6 Instagram Clone App Series  

► Setup Ionic 5 Project:    • Video  

► Ionic 5+ Auth Screens Playlist: http://bit.ly/authScreenSeries

► Source code link: https://github.com/Nykz/IonicTravelAp...

► Social Media
Facebook:   / codingtechnyks  
Github: https://github.com/Nykz
Instagram:   / codingtechnyks  
Twitter:   / codingtechnyks  
Pinterest: https://pin.it/2TUmgl3

► Timestamps
00:00​ App Promo
00:31​ Welcome & Setup
05:00 How to change Navigation?
06:27 Design Custom Tabs
10:59 Prepare Children routing
12:20 Modify Tabs for Unique design

► Credits
Thumbnail Mockup: Mockup psd created by freepik - www.freepik.com(https://www.freepik.com/psd/mockup)
Intro & App Background Image: Waves photo created by wirestock - www.freepik.com (https://www.freepik.com/photos/waves)
Welcome page backgrounds:
1.Background photo created by jannoon028 - www.freepik.com (https://www.freepik.com/photos/backgr....
2.Abstract photo created by wirestock - www.freepik.com (https://www.freepik.com/photos/abstract)
App Logo: Logo vector created by freepik - www.freepik.com (https://www.freepik.com/vectors/logo)

Thanks for watching!
Kindly Like + Subscribe for More Such Interesting Videos.