DEV Community

freerave
freerave

Posted on

Transform VS Code into a Spiritual Environment: Meet CodeTune v1.0 🚀

#vscode #typescript #productivity #opensource

Coding isn't just about syntax and logic; it's about the state of mind.

As Muslim developers, we often struggle to maintain the balance between deep coding focus (the "Flow State") and our spiritual duties. We switch contexts, jump between apps to check prayer times, or lose track of time altogether.

That's why I built CodeTune.

After months of development and beta testing, I am proud to announce the Official Release of CodeTune v1.0.0. 🚀

🎥 Watch the Trailer

🕌 What is CodeTune?
CodeTune is an open-source VS Code extension designed to integrate your Islamic lifestyle directly into your development workflow. It helps you stay spiritually connected without breaking your focus.

It is Privacy-First, Offline-Capable, and built entirely with TypeScript.

✨ New Features in v1.0.0
The journey from beta to v1.0.0 brought massive improvements based on community feedback:

  1. Native Arabic Support (RTL) 🇸🇦 The entire interface now supports Right-to-Left orientation seamlessly. If your VS Code is set to Arabic, CodeTune adapts automatically.

  2. Daily Goals System 📝 Gamify your Ibadah! You can now track your 5 daily prayers and specific Athkar directly in the sidebar. It resets daily, helping you maintain a streak of spiritual productivity.

  3. Integrated Tasbih Counters 📿 No need for a physical counter or a phone app. Use the built-in digital counters for SubhanAllah, Alhamdulillah, and Allahu Akbar right next to your terminal.

  4. Precision & Accuracy 📅 We moved to the official Umm al-Qura calendar standard and implemented location-based astronomical calculations for Prayer Times to ensure accuracy wherever you are in the world.

  5. Immersive Quran Player 🎧 High-quality background recitation to help you code with peace. Features 15+ reciters (including Sheikh Maher Al-Mueaqly) with a clean, glassmorphism UI.

🛠️ Tech Stack
For the developers interested in how it works:

Language: TypeScript

Architecture: Local-First (No external API dependencies for basic functionality).

State Management: VS Code Memento API for persistent data (Goals/Counters).

UI: Webviews with Glassmorphism CSS.

📥 Try it Out
CodeTune is free, open-source, and available now.

Download on VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=FreeRave.codetune

Star the Repository on GitHub: https://github.com/kareem2099/codetune

I built this to solve a problem I faced every day. I hope it brings peace to your workflow as it did to mine. Your feedback and contributions are always welcome! ❤️

Top comments (0)