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

  • Course level: Beginner

Description


whatsapp
Join Us On Whatsapp
telegram
Join Us On Telegram

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!

All from a SINGLE Vue.js codebase – using Quasar Framework & Firebase!

⭐️ 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)