YoVDO

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

Offered By: freeCodeCamp

Tags

Vue JS Courses Firebase Courses Data Management Courses Responsive Design Courses Cross-Platform Development Courses

Course Description

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).


Taught by

freeCodeCamp.org

Related Courses

Learn Backbone.js
Udacity
Desarrollo de aplicaciones profesionales para Android
Galileo University via edX
Firebase Essentials For Android
Google via Udacity
Firebase in a Weekend: Android
Google via Udacity
Firebase in a Weekend: iOS
Google via Udacity