Currently accepting new projects

SaaS

CalVote

A full scheduling platform: admin dashboard, team management, and Google/Microsoft calendar integration.

CalVote website screenshot
Next.js · TypeScript · NextAuth · Firebase · Radix UI
Visit Live Site

The Brief

A scheduling product needed to handle real calendar complexity (team availability, external calendar sync, meeting confirmation flows) without the UI feeling like a spreadsheet.

The Approach

  1. 01Built the admin experience (dashboard, contacts, scheduling, settings) as a distinct surface from the public booking flow, since the two audiences need completely different information density.
  2. 02Used accessible, unstyled primitives (Radix) as the base for every interactive component, so accessibility didn't have to be retrofitted later.
  3. 03Backed the whole product with Firebase so poll state, votes, and meeting confirmations update in real time across everyone looking at the same link.

What We Built

  • Next.js and TypeScript application with route groups splitting the admin area from the public marketing and booking pages.
  • Authentication and session handling built on NextAuth, including invite and team-join flows.
  • Firebase (Firestore) as the database, with firebase-admin handling server-side writes, so poll and meeting data stays consistent under concurrent votes.
  • Google Calendar and Microsoft Calendar API integrations for two-way availability sync.
  • Admin dashboard covering contacts, meeting scheduling, promo codes, and team management.
  • UI components built on Radix primitives (dialogs, accordions, checkboxes) for accessible keyboard and screen-reader behavior by default.
  • Full technical journey: Next.js frontend, NextAuth session layer, Firebase Firestore database, external calendar APIs for sync.

The Result

A scheduling platform that handles team-level calendar complexity behind a booking flow simple enough for an external guest to use in one pass.

Platform

SaaS

Stack & Tags

Next.jsTypeScriptNextAuthFirebaseRadix UI

The method that ships.

Structured enough to deliver. Flexible enough to fit you.

/ 01

Discover

We learn your business, audience, and goals inside out. No assumptions. Just clarity on what success looks like for you.

/ 02

Design

Wireframes and high-fidelity designs built for clarity and conversion, reviewed and refined before a line of code is written.

/ 03

Build

Clean, fast, pixel-perfect code. We build in sprints with regular check-ins so you are never in the dark.

/ 04

Ship

Deployment, QA, and ongoing support so you grow confidently after go-live.

[ Get in touch ]

Let's build
something loud.

info@sabriyo.com

Studio

Vancouver, BC

Hours

Mon—Fri / 09:00–18:00 PT

Status

Accepting new projects

Free Tools