BACK TO PROJECTS
BookingAI3DFull-stack LIVE

TATTOO TIDE

Full-stack tattoo studio platform — 3D body placement selector, AI-powered admin tools, online booking flow, and a portfolio gallery. This site is built on it.

BUILT WITH Svelte 5SvelteKitTypeScriptNeonDrizzleThree.jsThrelteCloudflare R2TailwindCSS

WHAT IT DOES

KEY FEATURES

3D body placement

Interactive Three.js body model where clients position their tattoo idea before booking. Built with Threlte for reactive Svelte integration.

Booking flow

Multi-step booking wizard: style selection, body placement, size, date/time, and artist preference. Validates availability in real time.

Portfolio gallery

Filterable media gallery with image and video support, organized by tattoo style and artist.

AI admin tools

AI-assisted tools for the studio admin: content generation, client communication drafts, and booking insights.

Cloudflare R2 storage

All portfolio images and videos served from R2 with Cloudinary transformation pipelines.

Neon PostgreSQL

Drizzle ORM with type-safe schema for bookings, artists, sessions, and availability.

CASE STUDY

ABOUT THE PROJECT

Tattoo studio platform built for a real studio. Handles the full client journey — from browsing the portfolio and placing a tattoo on a 3D body model to booking a session and managing appointments.

This site — arjostyle.com is built on Tattoo Tide. The software portfolio you're reading is part of the same SvelteKit app.

PROJECT DETAILS

Status LIVE
Category Booking, AI, 3D, Full-stack
Stack 9 technologies

ARCHITECTURE HIGHLIGHT

Offline-first with RxDB — works without internet, syncs via Server-Sent Events when back online.

BY THE NUMBERS

  • 117 Svelte components
  • 5 role-based dashboards
  • Multi-location support
  • PWA — iOS & Android

PREVIEW

SCREENSHOTS

POS Transaction Screen

screenshot coming soon

Owner KPI Dashboard

screenshot coming soon

Kitchen Display System

screenshot coming soon

Floor Plan Editor

screenshot coming soon

LET'S WORK TOGETHER

HAVE A PROJECT IN MIND?

Looking to build something real — from prototype to production.

GET IN TOUCH →