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

React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Create Amazing Vue Apps with Javascript
Udemy
Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy
VueJS V1 Introduction to VueJS JavaScript Framework
Udemy
Build Web Apps with Vue JS 3 & Firebase
Udemy