open hours

Overview

Open Hours is a high-impact digital portfolio for a modern Creative Director.

  • The Goal: Build an ultra-minimal web platform for scheduling (similar to calendly)

  • Role: Front-End Developer & UI Designer

  • Context: Personal Branding, Hosted via GitHub Pages

  • Project Link: https://isavillap.github.io/isavillopenhours/








Discovery & Strategy

  • The Challenge: Third-party scheduling links look corporate and cost money.

  • The Solution: Leverage AI tools to vibecode a custom engine.

  • The Strategy: Ship an aesthetic, cloud-connected app in hours.






Architecture & Planning

User Flow:

Enter Site → View Availability → Select Slot → Cloud Sync

  • The Infrastructure: A serverless model connecting user actions to cloud storage.

    • Front End: Minimalist interface hosted on GitHub Pages.

    • Backend Link: Direct cloud bridge for real-time schedule tracking.

      • send email verification to both user and admin with a Google Meet meeting link.

    • Admin Gate: Secure portal to instantly update your status.










Visual Identity

Visual Identity: Stark monochrome design to match high-end studio aesthetics.

  • The Vibecoding Process: Developed entirely through natural language AI prompting.

  • The Codebase: AI-generated scripts handling complex calendar date logic seamlessly.

  • Cloud Integration: Custom API links bridging front-end clicks to cloud databases.







Launch & Impact

The Outcome: Erased software subscription fees completely.

  • Efficiency: Shipped the full cloud application at lightning speed.

  • The Portfolio Value: Proves mastery over modern, AI-accelerated dev pipelines.




CREATIVE DIRECTOR
BUILDING COOL STUFF
上海 - 香港 - NYC - MIA

17:05

EDT
©2026
CREATIVE DIRECTOR
BUILDING COOL STUFF
上海 - 香港 - NYC - MIA

17:05

EDT
©2026
CREATIVE DIRECTOR
BUILDING COOL STUFF
上海 - 香港 - NYC - MIA

17:05

EDT
©2026