Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows
freeCodeCamp.org
View ChannelAbout
Learn math, programming, and computer science for free. A 501(c)(3) tax-exempt charity. We also run a free learning interactive platform at freecodecamp.org
Latest Posts
Video Description
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 β€οΈ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) βοΈ 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
You May Also Like
Essential Vue.js & Firebase Tools
AI-recommended products based on this video

Nintendo Switch Mario Kart Racing Wheel Pro Deluxe by HORI - Officially Licensed by Nintendo - Deluxe Edition

msi Crosshair 16 Gaming Laptop - with 2024 Office Lifetime License, GeForce RTX 4070, 16" FHD+ 144 Hz Display, 14th Gen Intel 16-Core i7 14650HX, Backlit KB, Windows 11 Pro (32GB DDR5 RAM | 1TB SSD)

Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)

9-in-1 5000A 150PSI Car Battery Booster Jump Starter with Air Compressor (All Gas/9L Diesel), Portable Car Battery Booster Pack, Safe Durable Car Jump Starter with Extended Jumper Cables, Glove, Light























