🍔 Crazy Meal Website [Crazy Meal Live]

📌 Project Description

This project is a simple website that allows users to create and manage their own meal orders. A user can:

• Enter the meal name.
• Enter the meal price.
• Upload an image of the meal.
• Save the meal to the browser’s localStorage.
• View all saved meals displayed in a table with name, price, status, and image.

---

🛠️ Technologies Used

• HTML for structure.
• CSS for styling (form, table, buttons, responsive design).
• JavaScript for handling input, localStorage, and DOM manipulation.

---

🚀 Features

• Add meal with name, price, and image.
• Save meals persistently using localStorage.
• Display meals dynamically in a table.
• Delete meals from both table and localStorage.
• Simple and user-friendly interface.

---

⏱️ Actual Duration

My actual workflow involved:

• Refreshing knowledge of HTML, CSS,JavaScript, and Local Storage
• Reviewing the DOM (Document Object Model)
• Designing and building the final layout
• Implementing core functionality

This process took approximately Two days, as I wanted to ensure a thorough understanding and thoughtful execution of each step.

⚠️ Challenges / Difficult Parts

• 🖼️ Handling Images: Reading the uploaded image and saving it to localStorage correctly was a bit challenging.

---