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