A fun way to learn new programming skills is to create a clone of a popular app. We've released a course that will teach you how to create a Twitter clone using Vue.js, the Quasar framework, and Firebase.

Danny Connell, from the Make Apps With Danny channel, created this course. You will 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.

Vue.js is a popular JavaScript framework for building user interfaces. The Quasar Framework will allow you to take your Vue.js code and create building apps on multiple platforms with a single codebase.

Here are the sections covered in this course:

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

Watch the full course on the freeCodeCamp.org YouTube channel (2.5 hour watch).