An open API service indexing awesome lists of open source software.

https://github.com/ablasko32/scan-sip-digital-menu-app

A digital menu for bars, built in React
https://github.com/ablasko32/scan-sip-digital-menu-app

react reacthottoast reactrouter supabase tanstack-react-query

Last synced: about 2 months ago
JSON representation

A digital menu for bars, built in React

Awesome Lists containing this project

README

          


Scan&Sip Logo

Scan&Sip - A Digital Menu App :memo:



React
Tanstack Querry
Supabase
Status

Welcome to Scan&Sip! May I be your menu guide!

## About

Scan&Sip is a **Mobile-first digital menu solution** designed for cafes, bars, and restaurants. It allows businesses to effortlessly create, edit, and display dynamic menus that are accessible via QR codes.

### Why Scan&Sip?

- Simplifies menu management
- Offers a seamless user experience
- Tailored for both light and dark themes

## Tech Stack

| Technology | Purpose |
| -------------------- | ----------------------- |
| **React + Vite** | Frontend development |
| **TanStack Query** | Remote State management |
| **Supabase** | Backend and storage |
| **React Router Dom** | SPA Routing |

## Features

✔️ **Menu Management**

- Add, edit, and delete locations, categories, and items.

✔️ **Image Uploads**

- Upload images for locations and items.

✔️ **QR Code Generation**

- Create QR codes for menus.

✔️ **Themes**

- Toggle between light and dark themes.

✔️ **Item Availability Management**

- Easily mark items as sold out to prevent customers from ordering unavailable items.

✔️ **Onboarding Wizard**

- Guided setup for new users.

## App images


App
Wizard

### Dark Theme Menus


App
Wizard
App
Wizard

### Light Theme Menus


App
App
Wizard
App

## Live Demo

#### Dark Theme

- [View Demo](https://scan-sip.vercel.app/menus/location/29)


Dark Theme QR

#### Light Theme

- [View Demo](https://scan-sip.vercel.app/menus/location/28)


Light Theme QR

#### Full App

- [Try the App](https://scan-sip.vercel.app/)

> For test user account please contact the Author

## Database

Database type: PostgreSQL

For detailed information about the database structure and relationships, refer to the diagram above.

## LICENCE

This software is proprietary and all rights are reserved by the author.

Copyright © 2025 Antonio Blašković

> Unauthorized use, distribution, or modification of this software is prohibited. Please refer to the full licensing terms in the LICENSE file for more information.