Case study

Crunch N' Firecase study.

A deployed restaurant showcase with an interactive menu, meal customizer, cart and delivery checkout.

Visit the sitecrunch-n-fire.dranovo.com
Next.js 16React 19TypeScriptTailwind CSS 4
Outcomes

Production surfaces and workflows, without unverified performance claims.

6
customization steps
Cart
working cart flow
3
delivery branches
RTL
responsive Arabic UI
Project links
02/The story

Crunch N' Firecase study.

Challenge

Turn a restaurant menu into a clear mobile ordering flow with customization choices and live price updates.

Solution

Built menu, branch, customization and checkout pages with cart state, localStorage persistence and Egyptian phone validation.

03/TESTING & QUALITY

Behavior coveredby the test suites.

Representative cases from the project repositories; no coverage totals claimed.

Test tools
Next.js buildESLint
01

Cart and customization

Customization choices, pricing and cart updates work through the ordering journey.

02

Demo checkout

Checkout demonstrates validation and confirmation as a frontend flow, without claiming a live payment integration.