DEV Community

freerave
freerave

Posted on

I built a "Halal Mode" for VS Code to automate my spiritual habits 🕌💻

#vscode #javascript #opensource #productivity

The Struggle with "Context Switching"

As a Muslim developer, I often find myself breaking my "flow state" to check prayer times, find the Qibla, or open a browser tab to listen to the Quran. Every Alt+Tab is a potential distraction (hello, YouTube rabbit hole! 🐇).

I wanted a way to keep my spiritual routine integrated directly into my dev environment, without the bloat.

Introducing CodeTune v1.0.0 🚀

I built CodeTune, a VS Code extension that brings Islamic tools right into your Activity Bar. It's designed to be "Context-Aware".

What does "Context-Aware" mean?

It means the extension knows when it is.
For example, since today is Friday (Jumuah), the extension automatically:

  1. Pins Surah Al-Kahf to the top of the dashboard.
  2. Suggests reading it with a single click.
  3. Opens a native player overlay (no browser needed).

🎥 Check out the Friday Mode demo here:

Under the Hood: Why Vanilla JS? ⚡

Instead of using heavy frameworks like React or Vue for the webview, I decided to stick to Vanilla JavaScript and the native VS Code Design System.

  • Performance: It loads instantly.
  • Memory: Zero bloat.
  • Look & Feel: It looks exactly like the rest of VS Code.

Try it out!

The project is fully Open Source. I'd love to hear your feedback on the new v1.0.0 UI.

Top comments (0)