🔮 crystal.

A beautiful, minimalist, single-file Personal Dashboard & Daily Tracker Progressive Web App (PWA). Organize your budget, habits, reading list, and academic tasks in one distraction-free, glassmorphic space.

---

✨ Features

crystal. integrates five critical utility tools into a single, cohesive dashboard with an elegant dark/light glassmorphic interface:

• 📊 Home & Analytics Dashboard: View your remaining budget, habit completions for today, and a dynamic weekly activity chart powered by Chart.js.
• 💰 Expense & Budget Tracker: Manage a monthly budget, record individual expenses, and visualize spending over the last 7 days with interactive bar charts.
• 🔥 Habit Builder & Streak Tracker: Build habits, log daily completions, and track consecutive streaks with dynamic progress indicators.
• 📄 Saved Links Manager: Categorize reading/watch lists by platform (YouTube, Instagram, Twitter/X, Articles) with automatic icon rendering and safe external links.
• 📅 Exams & Tasks Planner: Schedule upcoming school tasks and exams, toggle high-priority status (with visual flame indicators), and monitor real-time day countdowns.

---

⚡ Technical Highlights

• Single-File Architecture: The entire app—HTML structure, Tailwind styling, JavaScript logic, and assets—resides in a single index.html file.
• Zero-Install PWA: Utilizes inline blobs to dynamically generate the Web App Manifest and register a lightweight Service Worker, making it installable on mobile and desktop without external build files.
• Client-Side Persistence: Automatically saves all user data locally using localStorage for privacy and fast load times.
• Tailwind CSS & Dark Mode: Uses Tailwind CSS with a class-based dark mode toggle, featuring elegant glassmorphism (backdrop-filter).
• Dynamic Charts: Integrates Chart.js to generate real-time activity trends that dynamically adapt to dark/light theme changes.

---

🚀 Getting Started

Since crystal. is a single-file application, running it locally is extremely simple.

Quick Start

1. Clone the repository:

   git clone https://github.com/RehmTheGreat/crystal.git
   cd crystal

2. Open index.html directly in your browser, or serve it using a local server:
   • VS Code: Install the Live Server extension and click Go Live.
   • Python: Run python -m http.server 8000 in the directory and open http://localhost:8000.

---

📂 Project Structure

crystal/
├── index.html       # The single-file PWA containing HTML, CSS, and JavaScript
└── README.md        # This documentation file

---

📝 License

This project is open-source and licensed under the MIT License.

---

Built with ❤️ by RehmTheGreat