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

Published: 05 March 2021
on channel: freeCodeCamp.org

130,810

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: / 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

On this page of the site you can watch the video online Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 05 March 2021, share the link with friends and acquaintances, this video has already been watched 130,810 times on youtube and it was liked by 4 thousand viewers. Enjoy your viewing!

2,666