Easy Ranjit | Authentic Indian Food body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; margin: 0; background: #fdf6e3; } header { background: #d32f2f; color: white; padding: 1rem; text-align: center; } .container { max-width: 800px; margin: auto; padding: 20px; } .menu-item { background: white; padding: 15px; margin-bottom: 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .order-section { background: #fff; padding: 20px; border-radius: 8px; margin-top: 20px; border: 2px solid #d32f2f; } button { background: #388e3c; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; } button:hover { background: #2e7d32; } input { width: 100%; padding: 10px; margin: 10px 0; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; }

Easy Ranjit

Simple Food, Great Taste

let cart = []; function addToCart(item) { cart.push(item); document.getElementById(‘cart-items’).innerText = cart.join(“, “); } async function submitOrder() { const name = document.getElementById(‘cust-name’).value; const address = document.getElementById(‘cust-address’).value; if(!name || cart.length === 0) { return alert(“Please add items and your name!”); } try { const response = await fetch(‘http://localhost:3000/order’, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’ }, body: JSON.stringify({ name, address, items: cart }) }); const result = await response.json(); alert(result.message || “Order placed successfully!”); // Reset cart = []; document.getElementById(‘cart-items’).innerText = “Nothing yet”; document.getElementById(‘cust-name’).value = “”; document.getElementById(‘cust-address’).value = “”; } catch (error) { alert(“Error: Could not connect to the server. Make sure your backend is running!”); } }