Fold & Fork

The project

Fold & Fork is a restaurant-ordering interaction study with folded-paper posters, clay-like food illustrations and a warm cream, forest-green, peach and citrus palette. Selecting a dish gives a small spring-like response; the bill opens as a paper receipt. Motion can be paused, and the layout adapts to narrow screens.

Browse drinks, main courses and desserts, select from eleven menu items, add an optional tip and review the total. Confirming or cancelling the fictional order resets the selection.

Origin and my contribution

The foundation is Richard Krasso’s MIT-licensed restaurant example, preserved in my WEB 426 coursework repository. My contribution is this recovery, visual redesign, native-JavaScript rebuild, validation and portfolio presentation, developed with ChatGPT/Codex. The recovered project retains the original license.

How it works

The app preserves the original three categories, eleven menu choices and prices. Each bill is calculated from the current selection, so reviewing it repeatedly cannot duplicate charges. Currency calculations use integer cents, and invalid or negative tips are rejected.

This is a browser-only ordering demo. It does not submit real orders, collect payment or store customer data. No database or 96-hour cleanup is needed. Its static files are hosted for free on GitHub Pages.

Built together

We used native HTML, CSS, SVG and JavaScript to build the design without paid assets or runtime animation packages. Tests cover the original menu, arithmetic, duplicate-review prevention and invalid tips. Browser checks cover selection, tip entry, review, confirmation, reset and mobile layouts.

The live demo is published with automated checks and deployment through GitHub Actions.