To help my wife practice cooking, I build this application using BETH stack - Bun, Elysia, Turso DB, and HTMX.

User can add recipe, browse recipe list, and view details of each recipe.

Different from other recipe websites, the application enables user to search recipes by ingredients user has now, which is designed to reduce over-preparation of ingredients and encourage user to cook if there are leftovers in refrigerator.

Bun, as an alternative option of JS runtime, has gained attention after they launched 1.0 in 2023, and Elysia is a server framework that features BUN a lot. To get more experience in server side, I decided to build the application on them. The built-in typescript support is GREAT.

HTMX is a server-driven UI solution. which get #2 in framework section of JS rising start 2023. Unlike React or other modern frontend frameworks, it massively reduces the complexity on client side. Since I want to have more experiences on backend, I thought this should fit. Also, building UIs without framework improves the fundamentals.

I use DrizzleORM to help me achieve end to end type-safety.