Skip to content

Zuvel — 무인 스터디카페 좌석·이용권 앱

남은 좌석을 보고 이용권을 결제한 뒤 바코드로 바로 입실하는 무인 스터디카페 웹앱 사이트 시작 소스

Zuvel — 무인 스터디카페 좌석·이용권 앱 image 1

Live demo

This is the real site running. Click around, and check the admin screens too.

Customer screens

At a glance

What is actually in this source, and how you receive it.

Key features
4items
What you connect
4items

What's inside

  • Customer screensFull responsive screens for PC and mobile
  • Admin screensAn admin page for inquiries and content
  • Database fileAn SQL file that creates the tables
  • Setup notesThe order for uploading to hosting and configuring it
  • Source fileOne compressed file with everything above ZIP1.22 MB
  • Tech stackPHP · MySQL

How you get it

  1. Buy and downloadAfter payment, download the source ZIP from My purchases. You can download it again anytime.
  2. Upload to hostingUpload the files to web hosting that runs PHP and MySQL, and create the database.
  3. ConnectAdd only the service keys listed under What you connect, using your own accounts.

What's included

Screens, admin, and the database are already built. Do only What you connect below, and it opens as your service.

  • Customer screensFull responsive screens for PC and mobile
  • Admin screensAn admin page for inquiries and content
  • Database fileAn SQL file that creates the tables
  • Setup notesThe order for uploading to hosting and configuring it
Tech stack
PHP · MySQL
Category
Unmanned stores
Key features
  • 실시간 남은 좌석·좌석 배치도와 이중 예약 방지 결제(시간권·일일권·정기권·지정권)
  • 5분마다 바뀌는 일회용 입실 바코드(재발급 3회, 쓴·만료 코드 거부)
  • 남은 시간 카운트다운·연장·퇴실, 정기권 만료 알림
  • 운영자 좌석·이용권·예약·환불·공지·알림·매출/사용률 통계 관리

What you connect

To open this source as your service, connect only the items below with your own accounts. The setup notes have the order.

  • Social login — Keys from Kakao, Naver, or Google after you create an app in their developer console (the demo uses a sample login for now)
  • Payments — Live payment keys from a provider such as Toss Payments, after you sign up and pass review (the demo uses sample payments for now)
  • Text and Kakao alerts — A messaging account, a sender number and Kakao profile, and an approved template (the demo only keeps a record for now)
  • Domain and HTTPS — Connect your domain and a security certificate (set this up in hosting such as Cafe24)
Ask an expert to connect it

If connecting and launching feel hard, or you want extras the source does not include, such as Kakao login or payments, you can hand that over too. The source you bought is attached to the request.

앱 설치 없이 휴대폰으로 남은 좌석과 배치도를 보고, 시간권·일일권·정기권·좌석 지정권을 결제하면 일회용 입실 바코드가 바로 나오는 무인 스터디카페 사이트입니다.
같은 좌석을 두 사람이 동시에 결제해도 한 명만 예약되도록 막고, 바코드는 5분마다 바뀌어 쓴 코드·만료 코드로는 문이 열리지 않아요.
이용 중에는 남은 시간이 카운트다운되고, 연장·퇴실을 휴대폰에서 바로 처리해요. 시간권은 일찍 퇴실하면 남은 시간을 돌려받아요.
운영자는 좌석 배치도 편집·잠금, 예약 강제 해제, 이용권 가격, 환불, 공지·알림 발송, 매출·사용률 통계를 한 곳에서 관리해요.
PHP 8 + MySQL(MariaDB)로 만들어 카페24에 바로 올릴 수 있고, 설치 안내 README와 기획 키트(PRD·IA·화면설계 93장)가 함께 들어 있어요.

Setup and license

  1. Buy and downloadAfter payment, download the source ZIP from My purchases. You can download it again anytime.
  2. Upload to hostingUpload the files to web hosting that runs PHP and MySQL (for example Cafe24), and create the database. The setup notes have the order.
  3. ConnectSign up for the services you need, such as social login, payments, and Kakao alerts, and put the keys you receive into the settings file.
  4. Make it your brandChange the text and images in the admin screens and connect your domain, and you can open it.

License and refunds

One purchase covers one site. You cannot resell the source as-is or share it. This is a digital download, so refunds may be limited after you receive it. Check the rules on the refund policy.

If setup and connecting feel hard, an expert can finish it for you.

Contact

You need a Planning Pass to start a new plan

1 Planning Pass = a new plan (IA included) + 20 screens

Sign up and get a trial project

Sign up and you get one trial project: IA and up to 5 screens. A Planning Pass opens 20 screens and file downloads.

Sign up free

See Planning Pass pricing