🌙 Midnight Mano

Welcome to Midnight Mano — a sleek, responsive snack delivery web interface designed for the nocturnal munchie seekers 😋
Built with HTML, CSS, and JavaScript, this project showcases UI design, product presentation, and cart integration.

🚀 Live Demo

👉 Visit Midnight Mano

✨ Features

• 🍟 Responsive layout for desktop and mobile
• 🛒 Functional cart page (HTML/CSS structure ready for JS logic)
• 🖼️ Product grid with snacks like chips, oreos, maggi, and more!
• 🎨 Clean styling with vibrant images
• 🔥 Easy to scale into a real e-commerce project

🛠️ Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript

📂 Folder Structure

📦 MidnightMano ├── index.html # Homepage ├── cart.html # Cart page ├── style.css # Main styles ├── cart.css # Cart page styles ├── script.js # JS logic (to be expanded) ├── images/ # Product images └── Welcome.mp4 # Animated landing video

🧠 What I Learned

• Structuring responsive HTML/CSS layouts
• Handling image assets and media
• Planning UI for a shopping/cart system
• Preparing for JavaScript DOM interactivity

🤝 Future Plans

• 🧮 Add JavaScript cart logic
• 🛍️ Build an order confirmation flow
• 💬 Add user interaction (alerts, modals)
• 🚚 Explore Firebase for order storage

---

🧑‍💻 Author

Made with midnight magic by
Gautham (a.k.a. Naman) ✨

---