Online food delivery web app
Zwigato is a comprehensive food delivery platform designed to streamline the process of discovering and ordering food from local restaurants. Drawing inspiration from leading platforms like Uber Eats, Zwigato offers a seamless experience for both users and restaurant managers.
Tech Stack
Zwigato leverages modern web technologies to deliver a robust and intuitive platform:
- Authentication : Auth0
- Frontend: React, TypeScript, Tailwind CSS, Shadcn
- Backend: Node.js, Express, Mongodb
- Payment Gateway: Stripe
- Location Search: Google Places Autocomplete
Key Features
Zwigato offers a user-friendly location search that allows users to search for their location and view all available restaurants in their area. This feature is complemented by an advanced search functionality that enables users to search by cuisine or restaurant name, with options to filter by multiple cuisines. Users can also sort results by best match, delivery price, and estimated delivery time, providing a tailored search experience.
Location search page showing search bar and results.
Once users have found a restaurant of their choice, they can access comprehensive menus, select items, and add them to their cart. The platform ensures a seamless checkout process with secure login prompts, address input, and redirection to the Stripe payment portal. Post-payment, users receive order confirmation and can track their order status and view past orders.
Restaurant listing page with menu items and add to cart buttons.
For restaurant managers, Zwigato provides a robust management portal. Managers can log in to manage orders, update order statuses (e.g., preparing), and manage restaurant details, menus, and delivery charges. This ensures their restaurant is listed on the platform and can receive orders efficiently.
Restaurant management dashboard showing order management and restaurant details management.
Implementation
Zwigato’s implementation focuses on delivering an intuitive user interface and a robust backend to handle complex order and restaurant management processes.
User Journey
- Location-Based Search: Users start by entering their location to view and explore nearby restaurants.
Location-based search result page.
- Menu Browsing and Selection: Users can use search and filter options to find desired cuisines or specific restaurants. They can browse the menu, select items, and add them to the cart.
Menu browsing page with items added to the cart.
- Checkout and Payment
If not already logged in, users are prompted to log in during checkout. They input their delivery address and proceed to the payment portal, completing the payment through Stripe.
Checkout page with address input and payment confirmation.
- Order Confirmation and Tracking
Post-payment, users receive order confirmation. They can track their order status and view past orders via the top header.
Order confirmation page and order tracking interface.
- Restaurant Management
Restaurant managers can log in to update order statuses and manage their restaurant details. They can add menus and set delivery charges to maintain an up-to-date restaurant listing.
Restaurant management page with menu and delivery charge settings.
Visit the website -> zwigato.vikashkushwaha.dev