"Sarap sa CDO" is a web-based restaurant ordering system designed to bring the flavors of Filipino cuisine to your fingertips. This project replicates a restaurant menu experience with a responsive, interactive interface built using HTML, CSS, and JavaScript. Customers can explore the menu, place orders, and complete transactions with either GCash or cash payment options.
- Responsive Design: Adapts to desktop, tablet, and mobile screens.
- Interactive Menu: Clickable menu items categorized into Desserts, Appetizers, and Main Courses.
- Order Management: Add items, adjust quantities, and view a real-time total.
- Payment Options: Supports GCash (with name and phone input) and cash (with change calculation).
- Modern UI: Clean layout with a warm color scheme, smooth transitions, and hover effects.
- HTML5: Structure of the website.
- CSS3: Styling and responsive design with grid layout.
- JavaScript: Dynamic functionality for ordering and payment processing.
- Clone or Download: Obtain the project files.
- File Structure:
index.html: Main HTML file.styles.css: Stylesheet for design and layout.script.js: JavaScript for interactivity.
- Run the Project:
- Place all files in the same directory.
- Open
index.htmlin a web browser (e.g., Chrome, Firefox).
- Customize (Optional):
- Edit
styles.cssto adjust colors, fonts, or spacing. - Modify
index.htmlto update menu items or prices. - Enhance
script.jsfor additional features.
- Edit
- Browse the menu and click items to add them to your order.
- Click "Place Order" to review your selections in a modal.
- Add more items or proceed to "Checkout."
- Choose "GCash" or "Cash" for payment and follow the prompts.
Developed as a web adaptation of a C-based restaurant menu program, optimized for modern web browsing.
For inquiries or online orders:
- Email: sarapsacdo@gmail.com
- Phone: 09650423556 / 09551621672