Trading Hours & Time Zone Viewer

Global stock markets, forex sessions, crypto, and local time zones with DST

00:00:00
LONDON
HOME:
UTC+0

🌍 World Time Zones

PRESETS:

📊 Trading Markets

Calendar & Settings

Checking mode…

Connect Google or Outlook to show your meetings on the home city timeline.

🎨 Global Colors

📐 Global Font Sizes

🌍 Time Zones - Colors

🌍 Time Zones - Layout

📋 Strategy Templates - Colors

📋 Strategy Templates - Layout

📊 Trading Markets - Colors

📊 Trading Markets - Badges

📊 Trading Markets - Layout

📊 Right Panel Layout

📅 Calendar Integration

🔑 API Access

Generate an API key to access market data programmatically.

Loading...

📈 Economic Calendar

Economic data is fetched server-side. Configure RAPIDAPI_KEY in Render environment variables.

📖 Settings Reference

Quick guide to env vars, this portal, and saved preferences. Status updates live.

Checking mode… Checking auth… Checking calendar…
Gear portal — two modes
ModeWhenYou can
Limited Everyone else (including signed-in users) Connect calendars, pick timelines, settings reference
Full Signed in with an owner email (DESIGN_PORTAL_EMAILS) Design colors, API keys, export/import — owner only

The gear icon appears when OAuth is configured on the server. Theme toggle (sun/moon) is always available without sign-in.

Server environment variables

Local: server/.env · Production: Render → Environment · Template: config/.env.example

VariableFunction
PORTHTTP port (default 4783)
SESSION_SECRETSession cookie signing — required in production
REDIS_URLSessions, API keys, cache — required in production
RAPIDAPI_KEYEconomic calendar (server-side only)
GOOGLE_*Google Calendar OAuth (ID, secret, callback URL)
MICROSOFT_*Outlook OAuth (ID, secret, callback URL)
API_KEYSStatic REST API keys (comma-separated)
ADMIN_ENABLEDLocal dev only — shows gear without OAuth; design settings still need sign-in
ALLOWED_ORIGINSExtra CORS origins (comma-separated)
APP_URLPrimary site URL for CORS
This portal (design & integrations)
  • Global / Time zones / Markets / Strategy — CSS theme variables; saved in your browser and synced when logged in.
  • Calendar integration — Connect Google or Outlook; enable calendars on the timeline.
  • API access — Generate a personal X-API-Key for REST endpoints (requires OAuth).
  • Economic calendar — Read-only status; set RAPIDAPI_KEY on the server.
  • Export / Import — Backup or restore theme and layout JSON.
  • Theme toggle (sun/moon button) — Always public; not gated behind this portal.
Browser saved preferences

Stored in localStorage on this device.

KeyStores
homeCityHome clock city
viewOffsetUTC time-shift (hours)
selectedCitiesVisible timezone cities
currentPresetCity preset name
themeModedark or light
layoutSettingsSpacing and timeline sizes
darkColorSettings / lightColorSettingsTheme colors per mode
strategyTemplatesCustom strategy templates
enabledCalendarsOAuth calendars on timeline
Local development
  • Start: npm start or scripts/run_TimeZone_server.bat
  • URL: http://localhost:4783
  • Setup: copy config/.env.example → server/.env
  • Tests: npm test
Troubleshooting
IssueFix
Connection refusedStart the server; confirm port is 4783 in server/.env
No gear iconSign in with OAuth or set ADMIN_ENABLED=true locally
Empty economic sectionAdd RAPIDAPI_KEY to server env
OAuth redirect errorCallback URL must match Google/Azure console exactly

Full reference (SETTINGS.md) · Updated 2026-06-19