Zafchiel, Web development enthusiast

Drawing board is a react app for drawing and wireframing. It’s built from scratch, without using any libraries to manipulate canvas.

It’s a simple drawing board, still in development, with a few tools like pen, eraser, and color picker. You can also save your drawing as an image.

Technologies I used:

• React with TypeScript
• NextJS - as a meta framework
• TailwindCSS with shadcnUI - efficient way to go about styling

Flashcards is a web application that allows users to create, edit, and delete flashcards and decks of flashcards.

Users can share their decks with others and search for public decks. With a single click, users can add a public deck to their collection.

Technologies I used:

• SvelteKit with TypeScript - solid fullstack framework with excelent developer experience
• PostgreSQL with drizzleORM - battle-tested database with typesafe SQL-like ORM
• TailwindCSS with Skeleton - fast and efficient way to go about styling
• LuciaAuth - utilities making authorization a breze

Flashcards are fully operatable with keyboard and I use it myself for learning.

Link shortener is a simple application for shortening links and creating QR codes. Shortened links are automatically copied to the clipboard for your convenience.

You can download your QR code as a PNG file in three sizes: 200x200, 400x400, and 600x600.

Technologies I used:

• React with NextJS - fast meta framework on top of React
• Redis - blazingly fast in-memory database
• TailwindCSS with shadcnUI - efficient way to go about styling