Demo Link:
DineHub – Restaurant Food Delivery Vue Mobile App | PWA
Presentation:
Description:
DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.
Features:
Why PWA?
– Performance: PWAs offer fast load times and smooth interactions by leveraging caching and efficient resource management.
– Offline Accessibility: With service workers, PWAs can function even without an internet connection, ensuring seamless user experience.
– Cross-Platform Compatibility: PWAs work across various devices and operating systems, eliminating the need for separate native apps.
– App-Like Experience: They provide a native app feel with features like push notifications, full-screen mode, and home screen installation.
– SEO-Friendly: Unlike native apps, PWAs are indexable by search engines, enhancing discoverability and traffic.
Commands to run the application:
– npm install
– npm run dev
Technologies:
– vuejs.org
– router.vuejs.org
– pinia.vuejs.org/
Font:
– DM Sans