Main Dashboard: Minimalist AI Hub & Search	Habit Tracker: Daily Matrix & Goal Tracking
Weekly Tasks: Organized Planning	Monthly Review: Goal Analysis & Quotes
Quick Links: Categorized Resources	Custom Themes: Vibrant Color Palettes

• Dynamic Headline: Greeting and motivational "Exploring" header.
• Universal Search: Integrated multi-engine search (Google, YouTube, Reddit, etc.) with shortcut support.
• Real-time Clock: Precise time-keeping with a modern minimal aesthetic.

• Instant Access: One-click shortcuts to ChatGPT, Claude, Gemini, DeepSeek, and more.
• Categorized Workflow: Seamlessly switch between different AI models for research, coding, or creativity.

• Intensity Heatmap: Large GitHub-style contribution graph to visualize your consistency across Habits, Activity, and Typing.
• Typing Integration: Track your typing progress (integrated with Monkeytype).
• Habit Matrix: Track multiple daily habits (e.g., LeetCode, Reading, Exercise) in a clean grid layout.
• Progress Analytics: Visual goal rings to monitor your monthly and yearly progress.

• Weekly Planning: Segmented views for Week 1 through 4 to keep your month organized.
• Goal Gauges: Real-time progress indicators for your current task lists.
• Persistence: Tasks are saved locally and synced across your browser sessions.

• Theme Engine: Curated selection of themes including Ocean Blue, Sage, Wine, and Teal.
• Glassmorphism Design: Modern, clean, and distraction-free interface.
• Responsive Layout: Adapts perfectly to any screen resolution.

• Frontend: React 19
• Styling: Tailwind CSS 4
• Build Tool: Vite 7
• Icons: Lucide React
• Animations: React Flip Clock
• State Management: React Hooks & Local Storage

1. Clone the repository

   git clone https://github.com/javaadde/jd-new-tab.git
   cd jd-new-tab

2. Install dependencies

   npm install

3. Build the extension

   npm run build

1. Open Chrome and navigate to chrome://extensions/.
2. Toggle Developer mode in the top-right corner.
3. Click Load unpacked.
4. Select the dist folder from this project directory.
5. Open a new tab and enjoy!

jd-new-tab/
├── 📁 dist/                # Optimized production build
├── 📁 images/              # Project screenshots & assets
├── 📁 src/
│   ├── 📁 components/      # UI Components (Clock, Search, HabitGraph)
│   ├── 📁 pages/           # Main Views (Home, HabitTracker)
│   ├── 📁 utils/           # Helper functions
│   ├── 📄 App.jsx          # Root component & Routing
│   └── 📄 main.jsx         # Entry point
├── 📄 manifest.json        # Extension configuration
└── 📄 vite.config.js       # Build configuration

Contributions are welcome! If you have ideas for new features or improvements, feel free to open an issue or submit a pull request.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Javaad - @javaadde