Project Overview

I was travelling along the expressway and realised that sometimes, Google Maps tell me there is a heavy traffic jam ahead, but actually, it is not so bad.

So I thought since I had some experience with the traffic images API from LTA and data.gov.sg, might as well make a simple cross-platform interface to be able to see traffic jams that are happening along the road I want to travel along.

I have also never tried Flutter before, so I thought this was a good chance to try it out with a small project.

Problem Scope

Overall, I wanted to be able to visualise my route and on the map, click on locations with traffic cameras to see the traffic conditions.

Implementations

Hosting

To make things simple, I hosted the Flutter web app on Cloudflare Pages and used Cloudflare Workers for the backend, built with Hono.

APIs

For this project, to get the traffic images, I used the data.gov.sg and LTA Traffic Images API that can be found here: (Link to API).

For the map tiles, I used the Singapore OneMap API that can be found here: (Link to API Docs).

Both of the above APIs are free to use provided by Singapore as long as attribution is provided!

The App!

And here with have our app!

As you can see, for now, it is a very simple single page app that allows you to see the traffic images along your route but I think it is a good start and can be very helpful for me to plan my trips along the expressway!

As this is a flutter app, I was also able to deploy it on the web easily, you can check it out here: Link to app.

Conclusion

There are a few more features that I have planned for this project but for now this shall do.