Demo Link:

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

About us:

We provide a full range of services, including mobile and web app development, as well as UI/UX design. Whether you already have a ready-made design or need one created from scratch, feel free to reach out via the links below — we’re here to bring your ideas to life.

Discover what we’ve built:

Need help? Send me a message on Telegram or WhatsApp: