Overview
Built a responsive digital menu for Kumo, a coffee and lounge venue. Visitors can browse menu categories, switch between English and Arabic, view prices and calorie information, and use contact links to reach the venue, book by phone, or open its social profiles. The application is fully client-side with static JSON menu content.
- Role
- Design & Build
- Category
- Menu
- Year
- 2024
Tags
MenuDigital MenuRestaurant Menu
Achievements
- Implemented category-based menu browsing for hot drinks, fresh juice, soda, sweets, cold drinks, sandwiches, and sheesha.
- Added English and Arabic translations with automatic language detection and a manual language switcher.
- Enabled right-to-left layout and Arabic-Indic price digits when Arabic is selected.
- Integrated category-specific banner images and icons.
- Built a responsive two-column menu layout that collapses to a single column on smaller screens.
- Added footer links for venue location, phone booking, Snapchat, TikTok, and Google Maps.
- Connected visitor analytics through Vercel Analytics, GoatCounter, and Google Analytics.
Tech stack
ReactViteJavaScript and JSXi18next with react-i18nexti18next-http-backendi18next-browser-languagedetectorIconify ReactVercel AnalyticsCSS with local Montserrat and Tajawal font assetsESLint 9 with React Hooks and React Refresh plugins