Skip to content
View tigerabrodi's full-sized avatar
😊
❀️ 🌨️ πŸ₯° πŸ… πŸš€
😊
❀️ 🌨️ πŸ₯° πŸ… πŸš€

Block or report tigerabrodi

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
tigerabrodi/README.md

Hey πŸ‘‹

Product engineer, writer and designer. πŸ˜ƒ

Passionate about design engineering, web performance and AI.

I'm an avid writer. I have both a blog and a newsletter πŸš€


If you're looking for my book on advanced JS, you can find it here: Intermediate To Advanced JS.


OSS products (already got 6 projects pinned 😟, sharing remaining ones here). These are free (use your own API keys model):

  • Igris - A more streamlined way to create and manage voice messages. Great for e.g. games.
  • Hawanji - Turn your notes into quiz with AI.
  • Beru - Let AI generate and read bedtime stories for your kids.
  • Gakucha - A fitness timer that combines sets/timer + stopwatch while working out.
  • Tanjaro - Generate and edit images with AI.
  • Tokachan - Your thoughts beautifully organized on digital paper.
  • AnimeAlchemist - Anime Alchemist is a tool that allows you to create anime characters and animations.

OSS Products behind closed access to not drain my own monies 😭

  • Sakura Sketch - Generate and iterate on anime characters with AI on infinite canvas.

I love to learn from first principles.

I do it either through writing or building things from scratch.

Some things I've built from scratch:


OSS libraries:

  • React Context Selector - A lightweight library for efficient React Context updates using selectors. (< 1kb gzipped)
  • Sakuraflow - A lightweight, memory-efficient library for working with generator functions in TypeScript.
  • eslint-plugin-react-sage-mode - ESLint plugin with rules to help avoid common React performance pitfalls.
  • eslint-plugin-react-query-keys - ESLint plugin with rule to use query key factory pattern when working with react query keys.
  • Berwald - A light functional programming library in TypeScript. Written for fun.
  • Eiwaal - Animation library for React on top of View Transition API.
  • Rudo - A modern SMIL animation library for React. Write beautiful SVG animations without the SMIL syntax hell.

Design engineering related stuff:


Anime πŸ™ˆ

I love to watch anime.

My favorite one is Naruto. 🦊

image

Pinned Loading

  1. gojo gojo Public

    A real-time multiplayer brainstorming web app built with Remix and Liveblocks.

    HTML 60 6

  2. himura himura Public

    A site where you can search, compare and bookmark stocks (yes, in real time too πŸ”₯)

    TypeScript 51 10

  3. narumory narumory Public

    A multiplayer Naruto memory game. Join rooms and play with friends. 🦊🍜πŸ₯

    TypeScript 21 2

  4. react-context-selector react-context-selector Public

    A lightweight library for efficient React Context updates using selectors. (< 1kb gzipped)

    TypeScript 28 2

  5. react-convex-template react-convex-template Public

    React + Convex template I use to build my open source products.

    TypeScript 24 2

  6. beru beru Public

    Let AI generate and read bedtime stories for your kids.

    TypeScript 18 2