Food Delivery website
π Foodie β Food Delivery Website I built Foodie, a modern Food Delivery Website using HTML, CSS, and JavaScript. β¨ Features - Full-screen hero section with a food video background - Dynamic menu loaded from a JSON file - Instant search & category filtering - Add to Cart functionality - Modern, user-friendly & responsive design π‘ Challenges I Faced - Rendering dynamic data from a JSON file using JavaScript - Combining search & category filtering accurately - Building shopping cart logic with dynamic updates - Creating an attractive hero section using a full-screen food video π What I Learned This project strengthened my skills in HTML, CSS, JavaScript, DOM Manipulation, Fetch API, JSON handling, debugging, and problem-solving, while giving me hands-on experience building a real-world web application. I'd love to hear your feedback! π Live demo:[https://student-dev143.github.io/Food-Ordering-Website-/] #FrontendDeveloper #WebDevelopment #JavaScript #FrontendProjects #ResponsiveDesign
Live demo:https://student-dev143.github.io/Food-Ordering-Website-/
This looks pretty solid, nice work π€
@ceosnikus thanksπ€π«
How did you manage the search, filtering, and cart logic together? Looks like a really fun project to build
@iam_doyoon Thanks! I used JavaScript array methods with separate functions for search, filtering, and cart management to keep everything organized. π
@Syeda_Rimsha Looks really good, Rimsha! The flow feels clean and practical π
@iam_doyoon Thank you! π Really appreciate it. I aimed to keep the flow clean, intuitive, and practical. Glad you liked it! π
@Syeda_Rimsha βHaha, glad you liked it! π I just liked how simple and intuitive the whole flow felt. You did a really nice job with it.β
Foodie app is π₯ love the dark aesthetic + smooth cart/order flow on mobile. Clean code, clean design.
@Umama309 Thank you so much! I really appreciate your support. ππ«
ohh wow appreciate it can make for mine VIVID too if like so will buy it
@Mohid_MalikAi Thank you! π Iβd be happy to discuss it. Please share the details and requirements of your VIVID project, and we can discuss how I can build it for you.