<Dagasfi />
Fullstack ProjectLive & Functional

QR Studio
App.

A professional suite to generate and customize QR codes with a built-in Admin Mode to track visits and manage data in real-time.

Open App Source Code
SCAN ME
Total Scans
Status: Active
Connected to Sanity DB

System Architecture

A high-level overview of the application data flow.

1. Interaction

User scans or creates QR

2. Server Logic

Next.js Server Actions

3. Persistence

Sanity.io Data Update

4. Execution

Dynamic Redirection

Future Work

Priority: High

Multimodal QR Types

Expand support beyond URLs to include vCards (Contacts), Wi-Fi configurations, and direct File Downloads.

Auth Required

User Workspace

Implementation of Clerk Auth to allow users to save, edit, and categorize their own QR collection privately.

Analytical

Advanced Analytics

Geographic and device-type tracking for scans, providing deeper insights into user interaction patterns.

Project Focus

QR Studio App was developed to demonstrate a clean implementation of Real-time CRUD. Beyond generation, the core value lies in the administrative capability to manage assets and monitor traffic.

  • Client-side QR Rendering
  • Sanity Patch API Integration
  • Admin Deletion Workflow
  • Secure Visit Logging

Technical Stack

Framework

Next.js 14

Database

Sanity.io

Styling

Tailwind CSS

Types

TypeScript