Demo.mp4
✨ A clean, aesthetic clock + focus timer for people who say they’re gonna be productive (and sometimes actually are).
Co-Watch is your new digital accountability buddy.
Whether you’re grinding on design projects, studying, or “just checking your phone real quick” for the 37th time — this little app keeps your focus in check.
🕹️ Built with modern web tech.
💅 Styled smoother than your morning latte.
💡 Free forever because focus should not cost money.
- 🕰️ Clock / Timer Toggle – Switch between chill time view and focus mode
- 🌗 Dark Mode – Because staring at a bright screen at 2 AM is a crime
- 💫 Smooth Sliding Number Animation – Watch the digits flow like butter when time changes
- 🖥️ Fullscreen Support – Go distraction-free with one tap, fully immersive mode
- 🎨 Minimal UI – No fluff, just vibes
- 📱 Fully Responsive – Works on your phone, tablet, toaster, etc.
- ⚙️ Modern Stack – Next.js, Tailwind, TypeScript, all the good stuff
👉 focus.itshassco.com
No sign-up. No ads. No fake “premium” button. Just click and focus.
| Tech | Why |
|---|---|
| Next.js (App Router) | Fast, structured, and modern |
| TypeScript | Because JavaScript with confidence hits different |
| Tailwind CSS | Styling that doesn’t make you cry |
| ESLint | Keeps code cleaner than your desk after a Sunday reset |
Co-Watch/
├── public/ # images, icons, vibes
├── src/
│ ├── app/ # Next.js app router setup
│ ├── components/ # Reusable pieces of UI magic
│ ├── hooks/ # Custom React hooks, aka “brain extensions”
│ └── styles/ # Tailwind configs & global fits
├── next.config.ts
├── tailwind.config.ts
└── package.json
-
Clone it:
git clone https://github.com/itshassco/Co-Watch.git cd Co-Watch -
Install the goods:
npm install # or yarn install -
Launch the app:
npm run dev
-
Open localhost:3000
Boom. You’re now running Co-Watch locally 🎉
- ⏳ Custom timer durations
- 🔔 Sound / notification alerts
- 📊 Focus stats & streaks
- 🎨 Custom themes (because we all have that color palette)
- 📱 Offline mode / PWA
Drop your ideas in Issues — I read them while “focusing.”
Fork it, break it, fix it, make it cooler.
PRs welcome. Just keep it clean, readable, and fun.
Because it’s like having a co-pilot for your time.
You watch the clock. The clock watches your focus. 🫱🫲
MIT License — use it, remix it, just don’t sell it to aliens 👽
Made by itshassco
→ focus.itshassco.com
If this helped you focus even a little,
consider giving it a ⭐ on GitHub. It’s the virtual equivalent of buying me coffee ☕
Stay focused, not fried ✌️