HN 표시: 브라우저에서 Casio G-Shock 시계 관리

Manage your G-Shock watch directly from your browser—no phone app required. G-Shock Smart Sync Webapp is a lightweight, privacy-focused web tool that lets you set the time, manage alarms, and configure reminders on your watch using only your browser. It provides a clean, modern alternative to official mobile apps, working seamlessly on any device that supports Web Bluetooth. URL: https://gshock.avmedia.org Note: I plan to keep this server running for the foreseeable future. If the traffic becomes very high, I will move it to a free tier hosting plan. You can also host the app on your own hardware. - ⏰ Precise Time Sync: Synchronize your watch with atomic-clock precision. - 📅 Alarm Management: Easily set and toggle all 5 watch alarms. - 🔔 Reminders: Configure and name your watch reminders/events. - ⚙️ Watch Settings: Adjust illumination, sound, and display options. - 🎨 Modern UI: Material Design 3 interface with dynamic adaptation to your watch model. - 🔋 Battery Monitoring: View your watch's battery level at a glance. - 🔌 Zero Install: No accounts, no tracking, and no app store downloads. To use this application, your browser must support Web Bluetooth. - Desktop: Chrome, Edge, or Opera (Windows, macOS, Linux). - Android: Chrome. - iOS/iPhone: Use Bluefy or WebBLE from the App Store. - Note: Safari and Firefox do not currently support Bluetooth syncing. - Enable Bluetooth: Ensure Bluetooth and Location Services (on Android/Windows) are ON. - Enable Flags (Optional): If Bluetooth isn't detected, navigate to chrome://flags , search for #web-bluetooth, set to Enabled, and restart. - Connect: Click "Pair Watch" in the app and select your G-Shock from the list. How you initiate the connection on your watch determines what the app does: - Long-press Lower Left Button (Mode): Full Connection. The app will navigate to the main dashboard, allowing you to manage alarms, reminders, and settings. - Short-press Lower Right Button: Quick Sync. The app will simply synchronize the time and update the battery status without leaving the pairing screen. - Manual Pairing Only: Browser security requires an explicit user gesture (a button click) to initiate a Bluetooth connection. The app cannot automatically sync in the background. This application is strictly private. - No data is ever sent to a server. - All communication happens directly between your browser and your watch. - Your personal settings are never tracked or stored. npm install npm run dev This project uses a dual-styling approach to leverage the best of two worlds: - MUI (Material UI): Used for functional components (Dialogs, Buttons, Typography) to ensure a consistent Material 3 experience. - Tailwind CSS: Used for layout, spacing, and micro-styling via utility classes. Both systems are synchronized using CSS Variables defined in src/styles/globals.css . - Dark Mode: Supports system-level dark mode automatically via prefers-color-scheme . - Theming: The app uses a custom "Warm Brown/Peach" Material 3 theme matching the aesthetic of official G-Shock applications. npm install npm run build npm start We provide scripts for automated deployment to a Raspberry Pi: - Configure RPI_USER andRPI_HOST indeploy-rpi.sh . - Run ./deploy-rpi.sh from your local machine. - Run ./setup-rpi.sh on the Pi to configure the systemd service. - QUICK-START.md - Step-by-step setup guide. - DEPLOYMENT.md - In-depth technical reference. - DEPLOYMENT-SUMMARY.md - Quick 3-step overview. The application supports 19+ G-Shock models, including: - GA series (Classic, Basic) - GW series (Radio-controlled, Solar) - DW series (Digital) - GMW series (Module) - And many more with intelligent capability detection.