FreshBite Food Ordering Website - [YOUR STUDENT CODE]

Task Submission: FreshBite - Online Food Ordering

Student: Yug Patel (DAS001572)

Domain: Web Development

Internship ID: 84

Project Overview

Task Title: FreshBite - Online Food Ordering

Description: Build a complete online food ordering platform with restaurant listings, menu management, cart functionality, order tracking, and payment integration.

FreshBite — My Online Food Ordering Website Project

Hi everyone! I'm Yug Patel, and I'm excited to share FreshBite, the online food ordering website I built as part of my free web development internship. It's a complete frontend project that simulates a real-world food delivery platform — think of it as my own mini Swiggy/Zomato, built entirely from scratch.

Project Links

• GitHub Repository: https://github.com/yugpatel-t08/freshbite

• Live Website: https://yugpatel-t08.github.io/freshbite/

• YouTube Demo Video: [PASTE YOUR YOUTUBE LINK HERE]

About the Project

FreshBite lets users browse 8 restaurants, explore 30+ dishes across cuisines like North Indian, Italian, Chinese, Japanese and Mexican, add items to a cart, apply coupon codes, and place orders with simulated payment and live order tracking. As required by the task, it is a frontend-only project — there is no database. All food items, cart contents, user accounts and orders are handled with JavaScript arrays/objects and the browser's localStorage.

Technologies Used

• HTML5 for structure and content

• CSS3 for a fully custom, responsive design system (no frameworks)

• Vanilla JavaScript for all functionality

The 10 Pages I Built

Home, Restaurant Listing, Menu, Product Detail, Shopping Cart, Checkout, User Account, Login/Register, About Us, and Contact Us.

Features I'm Proud Of

• Restaurant filters by cuisine, rating and price

• Live menu search with dietary filters (Veg / Non-Veg / Gluten-Free)

• Add to cart with quantity adjustment and automatic price calculation (subtotal, discount, delivery fee, tax)

• Working coupon codes — FRESH10, SAVE50 and FREESHIP

• Checkout with full form validation, delivery time selection and payment method simulation (COD / UPI / Card)

• Simulated order tracking that advances from Order Placed → Preparing → Out for Delivery → Delivered

• Wishlist, saved addresses, order history and a simulated login/register system

• Fully responsive layout with a hamburger menu on mobile

Design

I followed the given design guidelines: warm orange (#FF6B35), cream (#FFF8F0) and dark brown (#2D1B12), paired with the playful Fredoka and Nunito fonts to create a cozy, appetizing feel.

What I Learned

This project taught me how much you can achieve with pure HTML, CSS and JavaScript — no frameworks needed. My biggest takeaways were managing application state (cart, users, orders) with localStorage, writing reusable JavaScript for shared components like the header and footer, building real form validation, and making a multi-page site feel like one consistent app. I also learned the full deployment workflow: pushing code to GitHub and hosting the live site with GitHub Pages.

Thank you freeinternships.in for this task — it pushed me to build something complete, polished and genuinely fun to make. Feedback is welcome!

Task Link: https://www.freeinternships.in/blog/