Hey! 👋 it seems you found yourself in my personal projects repo

This repository is a hub for my projects and things I do in my free time. You can use it at your own risk 😅

This project uses yarn workspaces, Lerna, and NX + NX Cloud

What can I find here?

Vite Lit loader

project link

This Vite plugin allows you to load svg, css, and html without wrapping them with unsafeCSS, unsafeHTML or unsafeSVG functions.

HCT (Hue, Chroma, Tone) Color Picker for Figma

project link

This is a color picker for Figma. It allows you to pick a color using the HCT color model.

Inbox Zero Cats for Gmail

project link

This web extension for Gmail displays a cat image instead of an empty inbox. The cat image is from Unsplash.

My tokens library

project link

This library allows sharing Design-Tokens (colors, typography, breakpoints, etc.) between projects. It's a great way to keep your design system consistent across projects.

My web component library

project link

I'm trying to create a web component library using lit. I want a framework-agnostic library that can be used in any project.

My react component library

project link

Creating a personal react component library frees me to work fast, make quick iterations, and experiment with ideas I usually can't do at work.

Getting started

Run

1yarn && yarn husky install

Or running any command from the root folder using NX

1yarn nx run @mordech/[project][:target][:configuration]

e.g.

1yarn nx run @mordech/portfolio:start

or use other NX commands (e.g., run-many, affected). For more, read NX documentation.

I recommend using the NX plugin as well.

Contributing

I'm open to contributions, but please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

This is a personal project, so I'm not sure I'll be able to merge all PRs. But I'll try my best 😊