I built an extension to manage my inspiration from Dribbble, Behance, and Uplabs.

#javascript #tailwindcss #react

Hey, y'all! 🤓

After building my first extension a few months ago, I decided to do it again and do something that would help me (again).

I love coding, but I'm terrible with the design piece of anything that I try to build. 😅

What do I do when I want to build something

Go to Dribbble, Behance, and Uplabs.
Search for what I'm trying to build (an audio app, a Desktop app...)
Open hundreds of shots that I think are interesting.
Save them to my special folder "Idea #XXX💡" with a descriptive title: "nice navbar"/ "great buttons" / "nice hero section"
Keep the ones I like the most

My solution

Since this is really boring and I'm constantly looking for inspiration there, I decided to put everything in one place.

Meet, Inspiring Board.

⚡️ Browser extension with a dashboard where you can add shots from Dribbble, Behance, and Uplabs.

Super simple, no ads, and all data stored locally. 😬

I even did a promotional video:

The stack

I used this boilerplate.
That comes with React, Webpack, and some nice dev tools.
I just added TailwindCSS on top of it. 😄

I have a ton of ideas to improve, but if you give it a try, please let me know your feedback.

Bye!

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.