🕒 Contest Clocker – 코딩 대회를 다시는 놓치지 마세요 🚀

Source: Dev.to

Overview

경쟁 프로그래밍에 관심 있나요? Codeforces, LeetCode, CodeChef 등에서 열리는 대회를 놓치는 것이 지겹지 않나요?

Contest Clocker는 무료이면서 가벼운 Chrome 확장 프로그램으로, 스마트 알림, 캘린더 연동, 강력한 필터링 기능을 한 번의 클릭으로 제공해 다가오는 대회를 놓치지 않게 도와줍니다.

💡 Why I Built This

대회와 면접 준비를 꾸준히 하는 개발자로서 여러 플랫폼을 오가며 시작 시간을 잊어버리는 경우가 많았습니다. 그래서 Contest Clocker를 만들었습니다 – 알림을 받고, 대회를 필터링하며, Google Calendar와 동기화할 수 있는 제로‑프리퀀시 솔루션입니다.

⚙️ Core Features (v2.0)

• ✅ Multi‑Platform Support: Codeforces, CodeChef, LeetCode (추가 예정!)
• 🔔 Smart Notifications: 대회 시작 15 분 / 1 시간 / 1 일 전 알림
• 📅 Add to Calendar: 원클릭 Google 또는 Outlook 연동
• 🎯 Advanced Filters: 기간, 플랫폼, 대회 유형별 필터링
• 🌓 Dark/Light Theme: 부드러운 토글이 가능한 아름다운 UI
• ♿ Accessibility: 글꼴 크기, 고대비 모드, ARIA 지원
• 📊 Configurable View: 열 숨기기/보이기, 컴팩트 모드
• ⚡ Superfast Load: API 캐시, 번개 같은 UI

👨‍💻 Who’s This For?

• 여러 사이트를 추적하는 경쟁 프로그래머
• 인터뷰 준비 중인 학생 (DSA 공부!)
• ICPC / Kickstart / CodeJam 참가자
• 꾸준함을 유지하고 싶은 모든 사람

🧪 Upcoming Ideas

• 대회 기록을 보여주는 개인 대시보드
• Telegram / WhatsApp 일일 알림
• 대회 난이도 예측
• Google Calendar와 24시간마다 자동 동기화 (Pro)

🛠 Tech Stack

• Frontend: Vite + React
• Styling: CSS Modules, Dark/Light toggle via localStorage
• Chrome Extension: MV3 + Manifest permissions + popup UI
• Google APIs: Calendar sync + OAuth2 scopes
• Hosting: Netlify (HTTPS + custom domain)
• Domain: contestclocker.com via Spaceship

🧠 Behind the Scenes

사이드 프로젝트로 시작했으며 현재는 매일 수십 명의 사용자가 이용하고 있습니다. 이제는 다듬어진 UI, 더 많은 필터, Google OAuth를 위한 프라이버시‑중심 도메인 설정을 추가했습니다.
Chrome 확장 프로그램을 만들고 있다면, 도메인, SSL, 프라이버시 정책을 어떻게 처리했는지 확인해 보세요. Google OAuth 인증을 원활히 통과할 수 있습니다.

🤝 Feedback Welcome

한 번 사용해 보고 다음에 추가했으면 하는 기능을 알려 주세요. 제안, 버그 리포트, 혹은 기여도 언제든 환영합니다!

👉 Install Contest Clocker

꾸준함을 유지하고, 경쟁력을 높이세요.

Contest Clocker가 타이밍을 담당하고, 여러분은 승리에 집중하세요.

Tags: #competitiveprogramming #chromeextension #calendar #javascript #codechef #codeforces #Leetcode #notification #productivity