DineHub - Restaurant Food Delivery Vue Mobile App | PWA

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:

– Built with Vue 3.4.26.
– Clean code.
– SCSS Support.
– Well structured components
– Documentation included.
– Free google fonts
– Asynchronous data loading.
– Version with Backend – DineHub
– Used Pinia.
– The DineHub Figma file is included in the project.
– Onboarding Screens.

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

Have questions ? Contact me via Telegram: