Documentationv1.0 Beta

Architecture Overview

Technical Foundation

UniTick is built on a modern, scalable architecture that combines blockchain technology with traditional web infrastructure. This hybrid approach ensures reliability, security, and user-friendly experience.

System Architecture

Frontend Layer

  • Next.js 15 with React 19
  • TypeScript for type safety
  • Tailwind CSS for styling
  • Viem for blockchain interaction
  • Responsive design

Blockchain Layer

  • Ethereum-compatible (Base Sepolia)
  • ERC-721 NFT tickets
  • ERC-20 UTICK token
  • Smart contract automation
  • Vendor whitelist system

Architecture Benefits

Scalable

Handles growing user base

Secure

Blockchain-backed security

Modern

Latest web technologies

Data Flow Architecture

1

User Interaction

Users interact with the Next.js frontend, which handles UI/UX and user authentication.

React components
Supabase authentication
Form handling
State management
2

API Processing

Next.js API routes process requests, validate data, and coordinate between frontend and blockchain.

Request validation
Business logic
Database operations
Blockchain coordination
3

Blockchain Execution

Smart contracts execute transactions, mint NFTs, and manage vendor payments automatically.

Transaction execution
NFT minting
Payment distribution
Event emission

Technology Stack

  • Next.js 15 (React 19)
  • TypeScript
  • Tailwind CSS
  • Supabase (Auth & DB)
  • Viem (Blockchain)
  • Hardhat (Development)

Deployment

  • Vercel (Frontend)
  • Base Sepolia (Blockchain)
  • Supabase Cloud (Backend)
  • CDN distribution
  • SSL/TLS encryption
  • Auto-scaling