Tasks – A beautiful todo list manager app for Android

Lately, I have been exploring requirejs, backbonejs. I like the way requirejs lets you define frontend dependencies with just few lines of code. Its just beautiful. Backbone on the other hand have matured enough now. So I decided to build something using these two. Yea, its one of those programmer’s bug which make you cranky if you don’t build something.

As a result, I built Tasks.  Is a small app that helps you managing your todo list. Its simple, because it just presents a single list of todos. Nothing fancy, no categories, no distracting colors.

Why? Because, I think you should be the one managing your todo list. Not the other way around. There are a lot of todo apps in the market. But all of them are either complicated or not give you better control.

I also used gestures for it using Hammer.js. Its based on gestures. There is no button for any action. All the actions are handled using gestures.

For building it, I used Apache Cordova. Which is another beautiful piece of software that lets you build cross platform mobile apps. Most of the people use Phonegap. I don’t particularly like the concept of Phonegap. Not because its bad, but because, I like to do things on my own. Phonegap is a great service and can save you a lot of building time.

Download Link

You can check it out at: https://play.google.com/store/apps/details?id=name.neerajkumar.mobile.android.tasks

Give it a shot. You will love it.

Screenshot

First run screen of Tasks app.

Scraping html content rendered by Javascript Plugins

Be hold warrior, we are going past the gates of unknown.

All of you at times, I am sure, must have scraped a web page using your favourite programming language. It’s pretty straight forward. Just load the page and run a regex. Some sage individuals would prefer parsing the DOM instead.

But what about the plugins that are dynamically rendered by Javascript?

Don’t fret! Here’s how you can do it:

1. Goto the plugin’s page.
2. Select the plugin you want to scrape content from.
3. It will give you a Javascript code.

Take that code and implement it on a page. Now open the webpage you just created. It will render the plugin as expected. But here’s the trick. All of these (most, if not all) plugins shoot an XHR request to pull content from their servers. This is where you need to dive into the Inspect Element/Firebug etc.

Open your developer tools’s window. And goto the network tab. Reload the page and look for the XHR requests being made. If you look close enough, you can zero down on to the XHR made by that plugin. Copy that URL and paste that in another window.

Voila!!

You now have the data that was rendered by the plugin. Though the data format returned will depend on the implementation of the plugin’s website. but you will have data in some format which you can process.