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