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

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

freeCodeCamp.org via freeCodeCamp Direct link

​) Introduction

1 of 29

1 of 29

​) Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ​) Introduction
  2. 2 ​) What We’re Gonna Create
  3. 3 ​) What is Quasar Framework?
  4. 4 ​) Create a Quasar Project
  5. 5 ​) Quasar Folder Structure
  6. 6 ​) Create Layout with Layout Builder
  7. 7 ​) Header
  8. 8 ​) Left Drawer (Navigation)
  9. 9 ​) Right Drawer (Search Bar & News Feed)
  10. 10 ​) Mobile Header
  11. 11 ​) Pages & Routes
  12. 12 ​) About Page
  13. 13 ​) New Tweet Form
  14. 14 ​) Tweets List - Design
  15. 15 ​) Tweets List - Data
  16. 16 ​) Add a Tweet
  17. 17 ​) Delete a Tweet
  18. 18 ​) Animation
  19. 19 ​) Final Design Touches
  20. 20 ​) Firebase - Setup Cloud Firestore
  21. 21 ​) Firebase - Get & Display Tweets
  22. 22 ​) Firebase - Add New Tweet
  23. 23 ​) Firebase - Delete Tweet
  24. 24 ​) Firebase - Update Tweet (Like)
  25. 25 ​) Fix Final Issues
  26. 26 ​) Deploy to Mac (Electron)
  27. 27 ​) Deploy to Windows (Electron)
  28. 28 ​) Deploy to iOS (Cordova)
  29. 29 ​) Deploy to Android (Cordova)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.