Websites
Projects
Projects
Services
Services
About
About
Contact
Contact
Project Name
Munchly
Type
Restaurant ordering website
Industry
Food & Restaurants
Built with
HTML, CSS, JavaScript
Context
Personal project
Munchly is a concept website for a fast-food restaurant serving burgers, sides and desserts. Visitors can browse the menu by category, open any item to see its details and price, add it to their cart and place an order, all in a playful, colourful design that feels as fun as the food.
I built it as a personal project to practise creating a complete ordering experience for a restaurant: a categorised menu, individual product pages, a shopping cart and checkout, together with About, Blog and Contact pages that give the brand a personality.
What I did
Design and front-end development of the whole site: page layouts, the menu with category filtering, product pages, the cart and checkout flow, responsive behaviour for desktop, tablet and mobile, and the animated, card-based visuals.
Key features
- Menu with categories: Burgers, Sides and Desserts, filterable with tabs, each item shown with its photo and price; every category also has its own page.
- Product pages: photo gallery, price and rating, ingredients, quantity selector and Add to Cart, plus nutritional, delivery and refund information and “You might also like” suggestions.
- Cart & checkout: a slide-out cart and a checkout page for placing an order.
- Brand pages: About with the story, mission and process of the restaurant, a Blog with articles, and customer reviews.
- Contact: contact form, email, phone, location, social links and an FAQ section.
- Responsive layout that adapts to desktop, tablet and mobile.
Design
The style is bold and playful: a warm yellow background, huge condensed headlines paired with a hand-drawn red script (“Bite”, “Menu”, “Touch”), and chunky black outlines with offset shadows on cards and buttons. Tilted, animated photo cards and bright product backgrounds make the food the star of every page.
More projects
Staff Manager
A web app that automatically builds the weekly staff schedule of a shop or café, respecting every shift rule.
QR Digital Menu
A digital menu that customers open by scanning a QR code, with an admin panel where the store updates products and prices.
Where To Breathe
A live air quality monitor for 90 areas across Greece, with an interactive map, forecasts and outdoor activity advice.
Τάβλι Πλακωτό
An online two-player version of Plakoto, the traditional Greek backgammon game, with a lobby and server-side rules.