14
11 Comments

HackerTab 🚀 went live today, and here's the entire process from ideation to execution.

As a developer, sometimes it feels like there are a million new libraries, frameworks, jobs, etc., published online every single day, and it becomes impossible to stay on top of them all.

New trends are constantly 🚀 appearing in the tech World, so staying updated has become a necessity to maintain one’s competitive edge and to improve productivity.

This is why, I created "Hackertab", a handy extension to help myself and other developers stay up to date with the latest tech happenings. It's fully customizable, for frontend, backend, full-stack, mobile, data scientists... bref, for all developers.

👉 Hackertab.dev

In the following lines, I'll break down the process of creating the project from ideation to execution.

3, 2, 1, go

💡 Ideation

I normally start my day by checking HackerNews, ProductHunt, IndieHackers... to refresh my ideas for a better overview of the market.
After a while, I get overwhelmed with too many tabs, making it difficult to follow or bookmark.

That's how I got the idea to create a one-centric tab that keeps myself and developers updated without getting distracted by checking various websites.

🧠 Plan

  • ✅ Validation

Usually, I build my products after conducting some research with potential customers to validate the product idea. However, in this case, I decided to proceed directly to the development phase for two reasons.

  • 1 - I'm a developer, and I'm one of these users. If this solution works for me, it should work for other developers too.

  • 2 - The development of this extension will take less time/effort than validating the product idea first.

  • 🤝 Indie or Team?!

Though I could have done it on my own, I would prefer to share this experience with Abdel, a friend of mine who is fantastic with Data Crawling, and having him on board is definitely a plus!

  • 📋 Definition

To define Hackertab's minimal features correctly, We read many articles about how other developers stay updated and what are the main sources of information they rely on.
We collected 5 important data sources:

  • Github trending
  • Stackoverflow Jobs
  • Devto Articles
  • Hacker News
  • Confs.tech Tech events

We considered segregating content into types of profiles as well, like: Backend, Frontend, Mobile...But it was a poor solution, the type of a profile should not define its interests.

Therefore we customized our content by programming languages, e.g: (javascript, python...) and/or technologies (android, data-science...), and group them by type:

  • Libraries (Github trending)
  • Jobs (by Stackoverflow)
  • News (Hackernews and DevTo)
  • Events & Conferences by (Confs.tech)

As a result, the content should look more organized and the developer won't get overwhelmed.

🖥️ Execution

With a 1 week deadline, we set out to build and release an initial MVP to not lose motivation or build something unwanted. We chose passively the stack we know best to save time and work: The JAM Stack powered by ReactJs, Netlify, and NodeJs.

As planned, 1 week later, we were able to achieve:

  • An operational MVP serving data from 5 sources with some basic settings.
  • A data crawler that keeps refreshing every 4 hours.
  • A Landing page
  • 2 extensions (Chrome and Firefox) ready to be deployed

💸 Expenses:

  • $5 for the Chrome developer account (nothing is free with Google)
  • $0 for the Firefox developer account
  • $14 for the awesome domain name Hackertab.dev

And today, I and Abdel are too excited to share this with all of you:
Hackertab.dev

Please don't hesitate to share your suggestions, ideas, and comments.
as they're the fuel of our next iteration.

Thank you.

  1. 2

    I have used it for a couple of days - I think it is very nice :)

  2. 2

    awesome, just installed it

    1. 1

      Great,
      Let me know if something is missing or should be fixed!

  3. 2

    This is great. I installed it from seeing the screenshot, before even reading the article

    1. 1

      .. and I've already submitted a PR for C# 😊

      1. 2

        That means a lot to me.
        We'll approved your pull request after adjusting the crawler too.
        Thank you very much

  4. 2

    Awesome @medyo.

    Liked your point with validating the idea. I’m in the same boat and what you wrote for me deciding for building the product first because it’s a problem that I have.

    Good luck. Awesome project 👍🏻

  5. 2

    I saw this earlier on Dev.to! It's really amazing!

  6. 2

    Good Job @medyo. I love the clean UI

    1. 1

      Thanks @Iliashad, Although there are many cool UI frameworks, I preferred to do it on my own to save time in learning!

  7. 1

    I don't think I really need "the latest tech happenings" to "maintain one’s competitive edge and to improve productivity".

    If it's "the latest" then it's not on the job market yet. If it's broadly used/demanded, then it's not "the latest".

Trending on Indie Hackers
What do you think about NFTs? 28 comments Speed is the killer feature 19 comments Getting sick of the phrase "build an audience" 13 comments Is the vidds UX too crazy? Can you make a video for your SaaS? 6 comments Twitter is testing a way for indie hackers to sell products through tweets 5 comments I just launched UserBooster 🚀. A Notion dashboard that help you build your launching strategy 3 comments