Web Application
March 10, 2025
Digital Restaurant Menu
An interactive and modern digital menu application for restaurants, built with React and styled using Tailwind CSS and ShadCN. The app provides a seamless browsing experience with category filters, food item cards, and dark mode support.
Technology Stack
React
Tailwind CSS
ShadCN
TypeScript
Firebase
Netlify
Key Features
1
Category Filters
Implemented category-based filtering for Veg, Non-Veg, Drinks, Starters, Main Course, and Desserts, allowing users to quickly find desired dishes.
2
Interactive Food Cards
Each dish includes a high-quality image, price, short description, and 'Add' button, with 'Popular' tags to highlight bestsellers.
3
Dark/Light Mode
Added a toggle for switching between dark and light modes, ensuring accessibility and personalized viewing preferences.
4
Responsive Design
Optimized layout for mobile, tablet, and desktop screens, providing a smooth experience across all devices.
5
Modern UI/UX
Used ShadCN components and Tailwind CSS for a clean, modern interface with consistent design and reusable elements.
Project Gallery
