I am building a silly

I am building a silly little app for #ConfigMakeathon called My Little Desk. It is a cozy desktop web app for book lovers. It combines a book tracker, pomodoro timer, and ambient music player on a single hand-drawn illustrated desk, designed to live on your monitor while you read on you desk~

The core idea: most book apps are designed to perform your reading life to an audience. My Little Desk is designed to be your reading companion

Features:

Book tracking: search, current read, last reads shelf, TBR pile with drag and drop, progress tracking, and timestamped thoughts

Pomodoro timer with custom illustrated asset, Digital Numbers typeface, color picker, and Web Audio API sound effects

Ambient music player with 12 curated playlists via YouTube Iframe API, CD disc and its jewel case mockup generated with Figma Weave

Beverage picker with 9 drink options, assets created in Figma Draw

Screenshot and shareable to share with your friends and fellow lovers

Tech stack:

Built in Figma Make (React/TSX)

Assets: Figma Draw (beverages, background), Figma Weave (CD artwork)

Google Books API (book search and metadata)

YouTube Iframe API (ambient music)

Web Audio API (timer sound effects)

Supabase (shareable URLs)

html2canvas (screenshot)

Workflow: designed the desk illustration by hand, vectorized in Figma, then built iteratively in Figma Make using short focused prompts. Manual code edits for fine-tuning. Build documented publicly on X throughout. Try it out and share your desk! Live Protoype: https://mylittledesk.figma.site/ Community File: https://www.figma.com/community/file/1649002330806514076 X thread (daily progress): https://x.com/hanarikayasa/status/2065461442476978555