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

Overview

Build a fully functional Twitter clone application for iOS, Android, Mac, Windows, and web browsers using Vue.js, Quasar Framework, and Firebase. Learn to create a responsive, cross-platform app from scratch, covering essential features like tweet creation, deletion, and liking. Master the Quasar Framework's layout system, implement Firebase integration for real-time data management, and explore deployment processes for multiple platforms. Gain hands-on experience in developing a single Vue.js codebase that can be deployed across various app stores and the web, all within a comprehensive 2-3 hour tutorial.

Syllabus

) Introduction.
) What We’re Gonna Create.
) What is Quasar Framework?.
) Create a Quasar Project.
) Quasar Folder Structure.
) Create Layout with Layout Builder.
) Header.
) Left Drawer (Navigation).
) Right Drawer (Search Bar & News Feed).
) Mobile Header.
) Pages & Routes.
) About Page.
) New Tweet Form.
) Tweets List - Design.
) Tweets List - Data.
) Add a Tweet.
) Delete a Tweet.
) Animation.
) Final Design Touches.
) Firebase - Setup Cloud Firestore.
) Firebase - Get & Display Tweets.
) Firebase - Add New Tweet.
) Firebase - Delete Tweet.
) Firebase - Update Tweet (Like).
) Fix Final Issues.
) Deploy to Mac (Electron).
) Deploy to Windows (Electron).
) Deploy to iOS (Cordova).
) Deploy to Android (Cordova).