Back to gallery

Cookilida Bake Shop

What is Cookilida Bake Shop?

Cookilida Bake Shop is a Berlin cookie boutique website demo with a weekly menu and a full checkout flow. It is a strong example of building a cookie shop ecommerce app with AI while keeping the brand playful and polished.

Key features of Cookilida Bake Shop

Customers can browse home, about, this week, cookie cakes, how-to-order, cart, checkout, confirmation, login, and My Orders pages. The flow supports pickup or shipping, order totals, account-based order history, status changes, and push notifications.

How Cookilida Bake Shop was built

The source uses React Router, cart, auth, and toast contexts, plus AppDeploy backend routes for creating orders, loading orders, updating order status, and enabling notifications. The backend stores order records and sends confirmation or status-change notifications.

Prompt used to build Cookilida Bake Shop

Build a website for an artisan cookie boutique based in Berlin - the design should be warm and playful with a pink color palette (soft pink, rose, and dark pink tones), rounded elements, wavy SVG section dividers, and a feminine, inviting aesthetic. Use a cursive script font for the logo and playful headings paired with a clean sans-serif body font. The home page should feature a hero with the shop name in white script on a pink header, a beautifully styled cookie box photo with rounded corners and drop shadow, a welcoming headline, and a prominent CTA button to browse this week's cookies. Include homepage sections for awards/press mentions, a step-by-step ordering guide, customer reviews (with a mobile carousel), a "Meet the Chef" profile with portrait and bio, and an Instagram-style photo grid. Create separate pages for: a rotating weekly cookie menu displayed in a 3-column grid with cookie photos, names, EUR prices, descriptions, and "Add to Cart" buttons that transform into quantity steppers - with a delivery notice about weekly Friday fulfillment; an About page with the founder's story; a How to Order page with step-by-step icons and an FAQ accordion; a Cookie Cakes page with FAQ and an inquiry form; and a Contact page with info and form. Build a full e-commerce flow: a header cart icon with item count badge, a checkout page with a two-column layout showing a delivery method toggle (free local pickup vs paid shipping with address form), a sticky order summary card with item thumbnails, quantities, and total, and a "Pay with Card" button leading to an order confirmation page with order number and summary. Add a "My Orders" account page showing past order cards with status and totals. Include auth-gated checkout and push notification opt-in for order updates.

Live Cookilida Bake Shop demo

Open the live Cookilida Bake Shop app

See more Business apps