How to log in to Twitter API using oauth

This is episode 2 of my series “Create a Twitter app with VueJS and Framework7”. In this video you will learn how to connect and authenticate against the Twitter API using oauth. Also, we’re using Vue.js and Framework7 as the weapon of our choice.

If you haven’t seen episode 1 yet, I highly recommend to check that out first before watching this video.

Don’t miss episodes 3 and 4 by subscribing to this blog via RSS or on YouTube!

Source code:

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

How to get started with Framework7, VueJS and Webpack


$ npm install -g vue-cli
$ vue init valnub/vue-framework7-webpack-template my-project
$ cd my-project
$ npm install
$ npm run dev

Note: Replace my-project with the name of your project.

Check out my Github repo for template source code:

In the following video I explain how to get started quick and easily with this Framework7 and VueJS template.

Video tutorial