Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap

In my last post I showed you how to kick-off a new project with Framework7, VueJS and Webpack. So, I thought in the next video I could show you a real-world example on how to create an app based on these technologies.

In this screencast we will create a Twitter client for iOS and Android that will let you search for tweets through the official Twitter REST API.

Keep in mind that this is the first episode of a series since we won’t be able to create a full Twitter app in only one episode. Instead, we will cover one topic in each video. The series topics will probably look something like this:

  1. Setup project + Call Twitter search API methods (This video)
  2. Authenticate users using oauth + Render personal timeline
  3. Post tweets, retweet and replies
  4. Deploy as native app using Phonegap/Cordova

Enjoy the video series! :-)

Source code

4 thoughts on “Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap

  1. Hello again Timo,
    i’m starting right now to use framework7 and vue, following your serie. But when i try to run “npm run dev”, i get some errors like “Module not found: Error: Can’t resolve vue-loader/lib/component-normalizer”. There’s something that i can do to fix this ?

  2. @Matteo De Prezzo Yes, I think this is because of an outdated npm package. I’ll look into this and post an update to Github.

  3. CV says:

    Thanks! I’ll be building this for a class assignment. The tutorial we were given was from 2012. I know JS but not Vue yet, now would be a good time to learn it. BUT, this tutorial might be too current for me to learn/make in three fractioned days. What would you say?

  4. @CV I recommend to simply get started with your project. Learning by doing is the best way to go in my opinion. Three days could be a bit tough though. Depends on how big your assignment is, I’d say.

Leave a Reply