Instagram Clone App (2021) | Ionic 5 UI - Part I

#instagramapp #CodingTechnyks #Technyks #Ionic UI #Angular
► Hello Friends, Welcome to @CodingTechnyks, I brought to you Instagram Clone App UI - Part I using​ #Ionic5 #Angular for #android & #ios. Instagram Profile & Activity Screens.

► Main Features:
     - Custom Tabs (ion-tabs)
     - Dynamic Stories using ion-slides
     - Ion-Segment Tabs within page, differ data using ngSwitch
     - Instagram Post Grid Layout
     - Dynamic Tabs using ion-slides
     - Modern Responsive Profile Screen
     - Modern Responsive Activity Screen.

► Udemy Course on Ionic Coupon Code
APREND22 (Up to 97% Off i.e., Rs.360 or $9.99 | Expires April 30, 2022) - https://www.udemy.com/course/ionic5-b...

Subscribe to our Channel! ❤️

► Instagram Clone App Part II: Instagram Clone App (2021) | Ionic 5 ...
► Setup Ionic 5 Project: Video
► Ionic 5 Auth Screens Playlist: http://bit.ly/authScreenSeries

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

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

► Timestamps
00:00​ App Promo
00:59​ New Anouncement
02:31 Project Setup
03:05 Good News!
03:33 Custom Tabs
10:10 Profile Page UI (custom header)
14:49 Profile Info Design
28:12 Buttons in a row
31:03 Dynamic & Responsive Instagram Stories (ion-slides)
43:01 Working with ion-segment
45:59 Instagram Grid Layout (Posts)
56:27 Custom Transparent Tabs
58:46 How I inter-related my Instagram Profile?
1:00:00 Go for it
1:00:07 Your Target

► Credits
App Promo Mockup template :  https://introdownload.com/premiere-te...
Others:
1. Background vector created by freepik - www.freepik.com (https://www.freepik.com/vectors/backg...)
2. Mockup psd created by freepik - www.freepik.com(https://www.freepik.com/psd/mockup)
3.Mockup psd created by freepik - www.freepik.com(https://www.freepik.com/psd/mockup)

Thank you for watching!!!

• #education
• #instagram_clone_app
• #ionic_using_angular
• #ionic_framework_tutorial
• #coding_technyks
• #ionic_app_design
• #ionic_tutorial
• #ionic_angular
• #ionic_app_ui_design
• #mobile_apps_with_ionic
• #ionic_capacitor
• #ionic
• #ion_actionsheet_ionic_5
• #modern_sidemenu_ionic_5
• #ion_menu
• #angular_navigation_ionic_5
• #angular_routing_ionic_5
• #theming_and_styling_ionic_app
• #actionsheet
• #charts_in_ionic
• #instagram
• #instagram_reels_page
• #instagram_copy_app
• #technyks
• #ionic_5
• #codingtechnyks
• #coding_techniques