Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows

Learn how to create a beautiful, responsive, cross-platform Twitter app from SCRATCH and get it running and working on 5 different platforms:

👉 iOS 👉 Android 👉 Mac 👉 Windows 👉 Web Browser (SPA)

YES - we'll be creating apps that can be deployed to all the different App Stores AND to the Web as well!

⭐️ Course Contents ⭐️
⌨️ (00:00​) Introduction
⌨️ (01:08​) What We’re Gonna Create
⌨️ (02:56​) What is Quasar Framework?
⌨️ (04:57​) Create a Quasar Project
⌨️ (07:43​) Quasar Folder Structure
⌨️ (10:47​) Create Layout with Layout Builder
⌨️ (12:55​) Header
⌨️ (15:51​) Left Drawer (Navigation)
⌨️ (26:05​) Right Drawer (Search Bar & News Feed)
⌨️ (31:08​) Mobile Header
⌨️ (35:45​) Pages & Routes
⌨️ (40:40​) About Page
⌨️ (42:23​) New Tweet Form
⌨️ (58:31​) Tweets List - Design
⌨️ (1:06:24​) Tweets List - Data
⌨️ (1:10:43​) Add a Tweet
⌨️ (1:12:55​) Delete a Tweet
⌨️ (1:16:34​) Animation
⌨️ (1:22:40​) Final Design Touches
⌨️ (1:28:19​) Firebase - Setup Cloud Firestore
⌨️ (1:38:21​) Firebase - Get & Display Tweets
⌨️ (1:45:59​) Firebase - Add New Tweet
⌨️ (1:48:59​) Firebase - Delete Tweet
⌨️ (1:56:07​) Firebase - Update Tweet (Like)
⌨️ (2:06:00​) Fix Final Issues
⌨️ (2:10:27​) Deploy to Mac (Electron)
⌨️ (2:14:34​) Deploy to Windows (Electron)
⌨️ (2:19:04​) Deploy to iOS (Cordova)
⌨️ (2:25:28​) Deploy to Android (Cordova)

--

[samgilberg]

I have never commented on a YouTube video but I am breaking that streak just to say: THIS VIDEO IS SO INCREDIBLY USEFUL. Thank you!!!

[joeseabreeze]

any framework that automates css positioning for layouts gets 5 stars from me

[afaque.]

How did you do all of this within 3 hours 🤯. Huge props danny

[jimic]

My mind is honestly blown, never found anything that hits what I'd like to learn more than this tutorial, which with my limited knowledge is not hard to follow along with at all. This has inspired me to give it a go myself, Thanks!

[raymondmichael]

Thanks Danny, I bought your udemy PWA course, I really need to dive into this framework. You make it seem soo simple.
Keeep up

[LucXX]

This video is so well made! Just look at all those cuts in between. There is no unnecessary information at all. For a video this long that's a lot of (cutting) work. Thank you!

[HeyMaahi]

I just discovered this quasar framework obviously with this video only and mind is blown, thanks Danny for the amazing tutorial ❤️✨

[coderchic]

If filters doesn't work use methods instead to format the date/time.
{{ relativeDate(vibe.date) }}

methods: {
relativeDate(value) {
return formatDistance(value, new Date())
}
}

[Anonymous]

Thanks. This video helped Mark Zuckerberg a lot.

[tomzorz]

Great stuff. Incredible how much of a timesaver this framework seems to be.

[jensluck]

Again a great video by the legendary Quasar guru and Vue tutorial creator Danny Connell! Thanks a lot Danny! In just three hours you create something that would take some German start-ups three months... ;-)

[AK-zzok]

Thanks for the tutorial, I didn't know about Quasar, it's amazing!

[Hgktrk]

If I'm buying an online course one day, it's definitely yours Danny. Thank you so much.

[RAZREXE]

I promise to finish this video and follow along

[ncamaa]

Please keep adding content with this powerful combination between Quasar and Firebase.

[McKenzie-Lim]

I fell in love in Quasar Thanks !! Subscribed

[Pss]

Thank you so much for this video Danny! I just began to learn vue.js and it helpt a lot!!

[gw]

What I am looking for, will watch this weekend, Big ThankYou to Danny!!!

[rafaelmejiachevez]

I already finish making the same app and I have to say that quasar is such and incredible framework and stack it with firebase as a backend was a little hard at the beginning because the latest version (9.6) of firebase make you to do some changes to the code. I also do my best and made it with composition API which is possible because of quasar 2.0, at the end everything works fine, I ran the app on web, Mac and emulated it on iPhone as well. Thank you codecamp and Danny!

[otaviovittorassisilva]

This course is simply amazing, and Danny never does anything without showing the source, every piece of code comes directly from the documentation, i'm farily new to programming and i didn't felt lost at any moment like i was in many other courses where the programmer just writes code from their mind without especifying why.

The only issue i had was with firebase. Because Google keeps changing how the code works the documentation is now different than what's shown in the course, i had to stop for about 20 to 30 minutes to figure on my own how to make the code work with the documentation as of today (26/10/2021), Google never makes it very clear as to what you should put in what file and how to make it actually work, maybe next week they'll update firebase and change the documentation again and it'll get even harder for new users in the future to follow along with the code that is used in the course.

That being said, i truly fell in love with Quasar and all the possibilities, thanks Danny for all your work