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

  • Post comments:0 Comments



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!

✏️ Created by Danny Connell. Check out his YouTube Channel: https://www.youtube.com/c/MakeAppswithDanny

πŸ’» Finished Source Code: https://github.com/dannyconnell/qwitter

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

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

Leave a Reply