Building a Gmail Clone with Ionic & Angular

Let's build a cool clone of the popular Gmail application including the tabs & side menu navigation, the inbox list and a cool directive to hide/show a floating search bar!
🔥 Learn Ionic faster with the Ionic Academy: ionicacademy.com/
💎 Get the Built with Ionic Book: builtwithionic.com/
🎉 Get my Practical Ionic Book: devdactic.com/practical-ionic/
#############################
👨‍💻 Want to read instead of watch?
Here's the full Ionic tutorial: devdactic.com/gmail-clone-ion...
😱 NEW: Capacitor Crash Course!
ionicacademy.com/capacitor-cr...
⚡️Take my famous 7 Day Ionic Crash Course
ionicacademy.com/ionic-crash-...
🤷‍♂️Want more Ionic tutorials?
There you go: devdactic.com/
#############################
❤️You can also find me...
on / simongrimm_
on / schlimmson
on / devdactic
Or join our Facebook group:
/ simonics
#############################
00:00 Intro
01:21 App Setup & Navigation
07:42 Inbox List UI
26:17 List & Search CSS
33:55 Account Popover
40:02 Header Hide Directive
54:45 Outro

[@varaprasadreddy6420]

Great video.
Last directive part was awesome 👌.
Expecting more this kind of amazing work. 👏

[@vampirejs758]

Lol, we do watch most of the video😆😅, btw loved this video captain Ionic

[@adwiyadeshpande9683]

Yay! One video is private in the play list, excited 😁😆😀

[@galaxies_dev]

🎉

[@offrelink5880]

great Videos !

[@practicaluseof]

Great vídeo @simon, we still missing app review videos 😁😃

[@Kamleshkumar2010]

Awesome, great...
Very useful 🤠👍

[@galaxies_dev]

Thanks 👍

[@andresfcuellarc]

So amazing... Thanks!

[@galaxies_dev]

Glad you like it!

[@chamir4614]

great video dude! amazing clone

[@galaxies_dev]

Glad you liked it!

[@cheikhndiaye2085]

Thank you Mr Grimm ♥️♥️♥️

[@galaxies_dev]

Welcome!

[@Develoquent]

Great tutorial! I wonder if i should move my videos into coding tutorials!?

[@ajaymall3499]

Awesome

[@apptester7967]

Hello, Nice video,
Can you please make a video on live updating the app data without manually calling API from app?

[@fr3fou]

hey can you do a video on lag with ionic? ive been dealing with lag when changing pages in ionic react and its a huge bummer as the app is still quite small

[@antoniofcable]

I want to help anyone that is in trouble with popover css customization. The solution presented in the video did not work for me because I'm using Ionic v6-beta. So I had to implement the following css shadow part code on global.scss:
ion-popover::part(content) {
left: 10px !important;
--width: calc(100% - 20px);
}
I hope it help someone.
By the way Simon, congratulations for the spetacular tutorial video.

[@galaxies_dev]

Yeah that's one of the breaking changes in v6, thanks for posting the solution so fast!

[@captg543]

Hi simon i love your video can you create. A tutorial how to changes splash screen with capacitor

[@christianjr8038]

Thank you Simon. Really nice. I wanna know if you do one on one consulting ? I work on a project actually, I need more resources to achieve it.

[@galaxies_dev]

No at the moment I don't have any open slots for more consulting work, sorry!

[@chudarysalib]

Hey Simon, can you okease help me? I am having a little problem in local storage.
I am storing my id in local storage by set function and then getting it by get but the problem is id is not retrieved until i refresh the page.
Please guide me here, learned a lot from you and hope to learn more.

[@LuckystrikeGFXer]

Hey, what extension are you using that lists the available ionic classes when using class on ionic components? I noticed this at 20:48.

[@galaxies_dev]

I use only this one, not sure if it's responsible for the classes: marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets

[@rameezarain3300]

Two days ago this is what I asked you on insta ❤️❤️❤️

[@ajaymall3499]

Please add more like fab button for new email. I saw on Twitter 😀

[@galaxies_dev]

Soon!

[@prashant43240]

Please make app using webrtc for live video chat

[@paragbhide5032]

do ionic video call. like a video chat.. many people want to see it and none of the other content creators has done it yet!!

[@galaxies_dev]

Yeah I know, but it's hard :D

[@paragbhide1695]

@@galaxies_dev Yes I know its hard. I have myself tried it with PeerJs along with Node.js and it works successfully using navigator.mediaDevices.getUserMedia({...}). But the problem is, it only works for web and not for native mobile. If you can crack it for mobile let me know my entire team is waiting for the solution

[@jordyjonatan8118]

Hi Simon, which one is better Native Http Plugin or Angular Http?

[@galaxies_dev]

If possible use Angular HTTP, only if you encounter problems with your API I would switch to Native HTTP!

[@jordyjonatan8118]

@@galaxies_dev Thank you Simon

[@lonniechoi7581]

I thought IONIC has gone

[@lutfiikbalmajid3128]

240th