• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
Mastermind

Mastermind

Protyre_SmartServiceScheduler

Public
Like
1
Protyre_SmartServiceScheduler
Home
Code
4
backend
3
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://Mastermind--e540ccae3f8711f0a26876b3cceeab13.web.val.run
README.md

Protyre Smart Service Scheduling Tool

A comprehensive booking and management system for Protyre tyre service centers.

Features

Customer Booking Interface

  • Service type selection (tyre replacement, wheel alignment, brake check)
  • Branch location selection
  • Date and time slot picker
  • Customer and vehicle details form
  • Booking confirmation with SMS/Email notifications

Branch Admin Panel

  • View all bookings by date and time
  • Technician availability management
  • Time slot management (add/block slots)
  • Utilization charts per technician
  • Auto-balance bookings across technicians
  • Daily summary dashboard

Notifications

  • SMS and email confirmations
  • Booking reminders
  • Daily summary reports

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema
β”‚   β”‚   └── queries.ts       # Database operations
β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”œβ”€β”€ bookings.ts      # Booking management
β”‚   β”‚   β”œβ”€β”€ admin.ts         # Admin operations
β”‚   β”‚   └── notifications.ts # SMS/Email handling
β”‚   └── index.ts             # Main API server
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx          # Main app component
β”‚   β”‚   β”œβ”€β”€ BookingForm.tsx  # Customer booking interface
β”‚   β”‚   β”œβ”€β”€ AdminPanel.tsx   # Admin dashboard
β”‚   β”‚   └── Dashboard.tsx    # Summary dashboard
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   β”œβ”€β”€ index.tsx            # Frontend entry point
β”‚   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

Technology Stack

  • Backend: Hono.js API framework
  • Database: SQLite with Val Town's sqlite service
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Notifications: Email via Val Town's email service
  • Charts: Chart.js for utilization visualization

Environment Variables

Set these in your Val Town environment:

  • TWILIO_ACCOUNT_SID - For SMS notifications
  • TWILIO_AUTH_TOKEN - For SMS authentication
  • TWILIO_PHONE_NUMBER - Your Twilio phone number

Getting Started

  1. The backend API runs on the main HTTP endpoint
  2. Access the customer booking interface at /
  3. Access the admin panel at /admin
  4. View the dashboard at /dashboard

API Endpoints

Customer Endpoints

  • GET /api/branches - Get all branch locations
  • GET /api/services - Get available services
  • GET /api/availability - Get available time slots
  • POST /api/bookings - Create new booking

Admin Endpoints

  • GET /api/admin/bookings - Get all bookings
  • GET /api/admin/technicians - Get technician availability
  • POST /api/admin/slots - Manage time slots
  • GET /api/admin/dashboard - Get dashboard data
HTTP
  • index.ts
    Mastermind--e5…13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.