Building the Prototype

I imagined it being a web app, so my first challenge was a technical one: (re)learning the necessary tools for web development. I chose to learn Angular and struggle with the Plotly JS documentation in order to make the front end. As for the backend, I had to get reacquainted with ASP.NET and Azure, after a break of a few years.

But the more interesting challenge came from a design and data visualization perspective. As opposed to other tools with higher data density that also caused more noise when displaying it, I made a conscious decision to have minimal (read clear and uncluttered) presentation that would offer a fast answer, even though it meant showing less data.

The Result 🎉

Without any further ado, here’s the result – already live at Go see it and return!

Tech Stack

Going a bit into the technical details, the prototype ended up being a web app living in the cloud. The frontend is written in Angular and PlotlyJS and the backend is a cross-platform C# web API uploaded in Azure. The app data is stored in an Azure SQL database and synced via an Azure web job.

A cron job runs once per month, polling the HackerNews API for all the jobs posted in the previous month. It then feeds them to an analyzer which labels the with the correct keywords and stores the results in the database. From the website end, Angular makes a request to the C# backend which reads the database and returns the results to be displayed with PlotlyJS.

What did I Learn?

Start small. I had a huge list of features I wanted to do, but I decided against it. Instead I went for building the minimal core feature and validating the idea. Any changes I’ll add will happen in small increments.

Don’t use beta versions of your tools. I got bitten by (1) trying to use .NET Core before it was ready and (2) uploading it to Azure and hoping that they playing along, since they’re closely related (they didn’t like each other at all). Also stumbled upon a weird Entity Framework cross-platform bug, which was quite unexpected since I’m always assuming that any bugs would come from my code only.

Carefully choose your data source, because it will impact your results. I get my data from the HN API, so the extracted trends will hold (mostly) for startups and developed countries.

Mind your external dependencies. Some months, the thread is posted later than expected, so the last lesson would be to have fail-safe mechanism whenever dealing with external dependencies.

The Future

Already have a list of planned features including extending the visuals to frameworks, showing a particular’s language evolution over time, making comparisons, etc. I’m most excited about trying to make predictions about what’s going to be popular next month or next year.

But for now, I’m still gathering feedback. Have a feature you’d like to see? Tell me! Also sharing it with friends in need of guidance choosing a tech stack would be highly appreciated.

Thanks for reading!

* (also) with the secondary goal of helping me get more contracts
** just-for-fun I’m already learning Prolog. Try it now – it will blow your mind!

Leave a Reply

%d bloggers like this: