A modern digital cafe menu web application built with HTML, CSS and JavaScript.
🌐 Live Demo
https://cafe17-adts.vercel.app/
Cafe17 is a modern digital menu website designed for cafes and restaurants.
The goal of the application is to:
• present menu items in a clean interface
• improve the customer browsing experience
• enable simple digital ordering
The system combines several key components:
- Product Menu
- Smart Filtering
- Shopping Cart
- WhatsApp Order Integration
This creates a smooth and interactive menu experience for customers.
Products are organized into clear menu categories.
Each product includes:
- name
- description
- price
- image
- detail modal
Users can easily explore the menu with:
- product search
- category filtering
- sorting system
Customers can create a quick order using the cart.
Features include:
- add to cart
- remove items
- update quantity
- order summary
Supports multiple languages and currencies:
- Turkish / English language switch
- EUR / TRY currency switch
The website adapts to all screen sizes.
Supported devices:
- mobile
- tablet
- desktop
Customers can send orders directly through WhatsApp.
The system automatically generates an order message.
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 | UI Design |
| JavaScript | Application Logic |
The project was built without frameworks to keep it lightweight and fast.
cafe17_website
images/
assets/
index.html
style.css
script.js
README.md
preview.png
Cafe17 was developed to:
• create a modern digital restaurant menu
• practice advanced frontend development
• provide a simple website solution for small businesses
Planned improvements:
• online payment integration
• admin panel for menu management
• order dashboard for restaurants
• analytics for popular menu items
• customer feedback system
Berfin Nida Öztürk
GitHub
https://github.com/berfinida
LinkedIn
https://www.linkedin.com/in/berfin-nida-%C3%B6zt%C3%BCrk-6a12131b7/
MIT License