Makerlog widget

Hey, I've been working on a simple widget to show our streaks on our websites, thanks to the Makerlog API.

Makerlog widget

Let me know if you need help with embedding or styling. By the way, I'm open to any suggestion to improve it at the development level. I'm learning by doing.

Code: https://codeberg.org/tipoqueno/makerlog-streak-widget

Thanks @sergio!

Yuyu

Looks awesome. Animated fire emoji would be a sweet addition 🍻

0 Likes
Eugenio Monforte Author

@yuyu Yeah, I'll iterate it in the next days.

0 Likes

Hey Eugenio, this looks fabulous! A few suggestions

  1. Maybe adding a the theme background colour to make the widget standout when used on a white background website.

  2. Adding the Makerlog logo maybe to the widget?

If users want to use the white background widget then maybe you could make the border a thin green colour?

Hope this helps :)

0 Likes
Eugenio Monforte Author

@KeeranRavee thanks!

  1. That's a great observation, but I wanted to keep it simple. Maybe makers want to highlight other things. But make different themes can to satisfy this need. I'll think about this.

  2. Same with the Makerlog logo. I added it in some way on the top right badge, but it should surely stand out more in some other way.

Stay tuned!

0 Likes

@tipoqueno Sweet. Out of curiosity how did you come up with the idea?

0 Likes

Could make the tech into a service helping other companies create similar "badges" of their product which their customers could use.

0 Likes
Eugenio Monforte Author

@KeeranRavee I just wanted to have my streak on my website.

I'd love to have that business model, but right now I'm focused on another thing. Do you know someone working on something like that?

(I had already replied, but my response doesn't seem to have been published here)

0 Likes

@tipoqueno unfortunately haven't come across anyone working on something similar. I got the idea after seeing Stripe revenue published on Indie Hackers and the B corp certificate on a few websites.

0 Likes

Please sign in to leave a comment.