Education · Full stack · Product design

Live portfolio demonstration

Garderie Oasis Digital Experience

A bilingual childcare discovery, tour-preview, and synthetic director-workflow demonstration.

Garderie Oasis bilingual childcare demo home page with a bright classroom and tour and program actions

Overview

What the project is designed to do

An independent bilingual childcare portfolio experience combining public program information, a privacy-minimized tour preview, a bounded content guide, and a protected synthetic director workflow.

Families can switch languages, explore programs and daily experience, prepare a three-step tour preview, and follow the official City of Ottawa Registry boundary.

The director demonstration uses fictional inquiries, schedules, notes, staff, settings, and reviewed FAQ proposals; no request is submitted to a childcare operator.

Intended users

Who the release supports

Families exploring bilingual childcare information and fictional childcare directors or staff evaluating inquiry and scheduling workflows.

Problem

What needed to change

Phone-and-email-only tour discovery and an earlier blank route made it difficult to understand programs, next steps, and the distinction between a digital preview and Ottawa's official childcare process.

Solution

How the release responds

Create a mobile-first bilingual path from program discovery to a privacy-minimized tour preview, keep official registry guidance visible, and isolate the synthetic director workflow.

Key features

What visitors can use

  • English and French public experience
  • Three-step tour preview
  • Official City of Ottawa Registry handoff
  • Synthetic inquiry and calendar workflow
  • Bounded approved-content Oasis Guide

Implementation

How it was built

  1. 01

    Next.js and React compose bilingual public and protected demonstration routes.

  2. 02

    Zod validation and request limits constrain the tour-preview API.

  3. 03

    The PWA caches the public shell while private routes and fictional workflow state remain outside offline storage.

Architecture

Delivery shape

A Next.js application combines bilingual public content, a narrow tour-preview endpoint, a deterministic content guide, and a cookie-protected synthetic director workspace.

Product boundary

What this release does not claim

  • Not a childcare operator, application, waitlist, booking service, or Garderie-operated product
  • No persistence, delivery, Supabase connection, remote AI, email, SMS, analytics, or real child and family records

Continue exploring

Related projects