Aviral
Back to projects
Open SourceCompleted2026

Foodhub Restaurant Website

Foodhub is an adapted responsive restaurant interface based on CodeWithSadee's open-source project. The implementation focuses on preserving the original visual direction while refining responsive behavior and interactive elements such as the mobile menu and cart drawer.

Foodhub restaurant website with food cards and responsive navigation

Features

  • Sticky responsive navigation
  • Mobile navigation menu
  • Restaurant menu and food cards
  • Interactive cart drawer
  • Responsive layouts across common breakpoints

Select an image to open the full-screen gallery.

Challenges

  • Understanding and adapting an existing open-source frontend codebase.
  • Maintaining visual consistency while improving responsive behavior.
  • Coordinating mobile-menu and cart-drawer interactions in vanilla JavaScript.

What I learned

  • Reading and extending an unfamiliar open-source project.
  • Organizing reusable UI behavior without a frontend framework.
  • Refining responsive layouts while respecting an established design direction.