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

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=la-0ulfn0_M


Duration: 2:28:50
123,155 views
3,975

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



Other Videos By freeCodeCamp.org


2021-03-25Java Beginner Course - Get Started Coding with Java!
2021-03-24Six Quick Python Projects
2021-03-23Pixel Effects with JavaScript and HTML Canvas - Tutorial
2021-03-18Algorithms and Data Structures Tutorial - Full Course for Beginners
2021-03-16User Authentication in Web Apps (Passport.js, Node, Express)
2021-03-15Learn TypeScript - Full Course for Beginners
2021-03-11Database Systems - Cornell University Course (SQL, NoSQL, Large-Scale Data Analysis)
2021-03-10Flask Course - Python Web Application Development
2021-03-09Linux Server Course - System Configuration and Operation
2021-03-08Code a Discord Bot with JavaScript - Host for Free in the Cloud
2021-03-05Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows
2021-03-01Postman Beginner's Course - API Testing
2021-02-26React and Golang JWT Authentication - Tutorial
2021-02-25TypeScript GameDev Tutorial – Create an Arkanoid Game
2021-02-24Serverless Functions Course - Create a Serverless API
2021-02-22Data Visualization with D3, JavaScript, React - Full Course [2021]
2021-02-18Data Analysis with Python Course - Numpy, Pandas, Data Visualization
2021-02-16Build a Robinhood-Style Android App to Track COVID-19 Cases - Kotlin Tutorial
2021-02-10UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
2021-02-09Python Project - Ameritrade API Stock Screener
2021-02-05Build Three Django Projects - Python Course


Tags:
create an app
how to create an app
create an app for android
first app tutorial
how to create an app for android
how to create an app for ios
app tutorial ios
how to create a mac app
android ios development
how to create an app for windows
electron tutorial
quasar framework
quasar
create an app for beginners
cross platform app development for beginners
create a hybrid app
how to create a cross platform app
vuejs
vue
vue.js
firebase
firestore
twitter clone