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