Misc. Code Projects

Various small code projects.



Quotebacks Lite

A simplified and tailored version of Quotebacks (originated by Tom Critchlow and Toby Shorin), slimmed to focus only on turning article blockquotes into nicely formatted, interactive cards.

I created this for use on my personal blog. I was originally using the entire original Quotebacks script, until I realized that I could save resources by loading only the cosmetic parts. Doing this taught me how to work with the Shadow DOM.

Github ︎︎︎

Project Type
Hobby (self-taught)
Duration
3 days, Feb 2023
My Roles
Web developer
Languages
HTML, Tailwind CSS, Javascript







Rock Paper Scissors Web Game

A web interface for playing Rock Paper Scissors with a bot. 

Github ︎︎︎
Live Preview ︎︎︎

Project Type
Student project (self-taught, The Odin Project’s Foundations course)
Duration
2 weeks, Jan 2023
My Roles
Web developer, Visual Designer
Languages
HTML, Tailwind CSS, Javascript







Web converter for Kindle Notebook HTMLs

While viewing a book's highlights, notes, and bookmarks in the Kindle app, you can tap the Share button to export everything as an HTML file. This is a simple web  tool that converts that HTML file into to a Markdown file perfect for Obsidian and similar note apps.

I created this because I wanted to have all my highlights from eBooks in the same place I keep a copy of my web highlights (Obsidian)

Github ︎︎︎
Live Preview ︎︎︎

Project Type
Hobby (self-taught)
Duration
1 week, Jan 2023
My Roles
Web developer, UI Designer
Languages
HTML, Tailwind CSS, Javascript







Nathan Cheng

Open to all forms of collaboration.
︎︎︎ Reach out at hello@nathancheng.work


All content © Nathan Cheng unless noted otherwise.
The use of any image from this site is prohibited unless prior written permission from the artist is obtained.