The latest articles on DEV Community by St Chuck (@st_chuck_20c62c715dc21737). https://dev.to/st_chuck_20c62c715dc21737 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3154657%2Fe8f611ee-1345-4c73-a9b1-85691d2ad31a.jpg https://dev.to/st_chuck_20c62c715dc21737 en St Chuck Tue, 03 Jun 2025 07:00:00 +0000 https://dev.to/st_chuck_20c62c715dc21737/checktimework-instantly-know-local-time-holidays-business-hours-3jd1 https://dev.to/st_chuck_20c62c715dc21737/checktimework-instantly-know-local-time-holidays-business-hours-3jd1 <h2> CheckTime.work: One-Screen Time, Holiday &amp; Business-Hour Checker </h2> <blockquote> <p><strong>“I thought City Hall was open… until I learned, too late, it was National Foundation Day.”</strong></p> </blockquote> <h2> 1 Why I Built It </h2> <p>On <strong>11 February 2025 (Tue)</strong> I, a foreigner living in Japan, went to the Osaka City Hall.<br><br> I arrived to locked doors—because it was <strong>National Foundation Day</strong>, a national holiday I hadn’t tracked.<br><br> After researching, I found <em>no</em> tool that combines local <strong>time zones</strong> <em>and</em> <strong>holiday calendars</strong> to tell you <strong>“open or closed?”</strong>.<br><br> So I built <strong>CheckTime.work</strong>:</p> <ul> <li> Combines real-time local clock <strong>+ official holiday data</strong> </li> <li> Automatically tells you <strong>whether businesses are likely open</strong> </li> <li> Enriches context with <strong>current weather</strong> and <strong>cultural notes</strong> about the holiday </li> </ul> <h2> 2 Key Features at a Glance </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Feature</th> <th>What You See</th> <th>Why It Matters</th> </tr> </thead> <tbody> <tr> <td><strong>Real-Time Clock</strong></td> <td>Current local time for each city</td> <td>Eliminate mental math across time zones</td> </tr> <tr> <td><strong>Holiday Detection</strong></td> <td>Name of today’s holiday (if any)</td> <td>Avoid wasted trips &amp; missed meetings</td> </tr> <tr> <td><strong>Open / Closed Hint</strong></td> <td>Simple “💚 Open likely” or “🔴 Closed likely”</td> <td>Instant go/no-go decision</td> </tr> <tr> <td><strong>Weather Snapshot</strong></td> <td>Temp, condition, icon</td> <td>Pack properly &amp; adjust itineraries</td> </tr> <tr> <td><strong>Cultural Link-Out</strong></td> <td>One-click Google search of the holiday</td> <td>Learn significance without leaving the app</td> </tr> <tr> <td><strong>Favorite Cities</strong></td> <td>Pre-loaded 5 cities + easy add/remove</td> <td>Keep your global team at a glance</td> </tr> </tbody> </table></div> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwwfadt58swxbghu0rl5g.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwwfadt58swxbghu0rl5g.jpg" alt="CheckTime.work - London — local time, weather, Bastille Day holiday detected, status “Likely Closed”"></a></p> <p>🎥 <strong>Full Walk-Through</strong> <br> <iframe src="https://www.youtube.com/embed/YdGVam7hP_c"> </iframe> </p> <h2> 3 Tech Stack </h2> <ul> <li> <strong>Front-end:</strong> <a href="https://nextjs.org/" rel="noopener noreferrer"><strong>Next.js</strong></a> (React 19, App Router) </li> <li> <strong>Back-end:</strong> Next.js <strong>API Routes</strong> (serverless) </li> <li> <strong>Data:</strong> Official public-holiday APIs, Open-Meteo weather, time-zone DB </li> <li> <strong>Hosting:</strong> Vercel (edge functions)</li> </ul> <h2> 4 Try It Now </h2> <p>👉 Live demo: <strong><a href="https://checktime.work" rel="noopener noreferrer">https://checktime.work</a></strong></p> <p>No sign-up needed—just click a city and see time + holiday + weather instantly.</p> <h2> 5 Roadmap </h2> <ul> <li> <strong>User-defined business hours</strong> (set custom “open” ranges for any city) </li> <li>Batch add / import of entire team’s locations </li> <li>Dark-mode polishing &amp; minor UI i18n tweaks</li> </ul> <h2> 6 Your Feedback </h2> <p>Have an idea, bug, or wish-list item? </p> <ul> <li>Comment below 👇 </li> <li>DM me on DEV </li> </ul> <p>Thanks for reading—never miss a holiday surprise again!</p> webdev nextjs productivity