(01 / 06)  Home

Product · Front-End Build

A website builder
for restaurants

From onboarding to a live site in minutes. No code, no agency.

View live demo

My Role

Designed & built (solo)

Stack

React, TypeScript, Vite, Tailwind

Type

Self-directed product

The Idea

Most restaurants still don't have a decent website.

Working in restaurant tech at Savyu, I kept seeing the same gap: owners are busy, agencies are slow and expensive, and generic builders still expect you to design from scratch. The menu, the one thing they already have, is trapped in a PDF or a photo.

So I built a guided builder that does the heavy lifting: pick a template, import the menu automatically, and tweak it live, no code required.

Live Demo

Try it yourself.

It's a real, working app, not a mockup. Open it full-screen or poke around right here.

portfolio-website-builder.vercel.app
Open the demo in a new tab

What I Built

The features that remove the friction.

01

Guided onboarding

A few questions about the restaurant, then the app matches a fitting template, so owners start from something real instead of a blank page.

02

Menu import via OCR

Upload a photo or PDF of the menu and it auto-extracts dishes and prices with OCR (Tesseract.js + pdf.js), turning the most tedious step into seconds.

03

Drag-and-drop editor

Re-order and edit sections by hand (dnd-kit), with state managed in Zustand so the builder stays fast and predictable.

04

Live preview

Every change renders instantly in a real preview, so what you build is exactly what you ship.

Under the Hood

Built modern, built to ship.

ReactTypeScriptViteTailwindZustanddnd-kitTesseract.jspdf.js

A solo build that let me own the whole loop: product thinking, UX, and front-end engineering. Proof I can ship, not just analyze.

Like what you see?

Let's talk about building and growing your product.

Get in Touch