Developer Growth Tracker & Portfolio Builder

A highly personalized, aesthetic, and production-ready dashboard for tracking a developer's learning path, roadmap milestones, coding consistency, and professional profile builder. Designed with custom dark and light modes, interactive bento-grid layouts, and local persistence.

---

🚀 Key Features

• Dashboard Heatmap: A GitHub-style and LeetCode-style contribution heatmap that visualizes daily milestones, tasks completed, and mock coding updates.
• Bento-Grid Widgets: Modular components showing real-time stats, current streaking consistency, active learning modules, and customized target deadlines.
• GitHub & LeetCode Timelines: Clean integration templates displaying synced mock statistics, latest commits, solved problem counts, and multi-platform profiles (e.g., Codeforces, HackerRank).
• Apna College DSA Roadmap: Built-in interactive track for structured Data Structures and Algorithms sheets, tracking solved/unsolved problems and progress percentages.
• AI Career Coach: Interactive mock coach interface powered by intelligent custom guidelines to guide software engineering roadmaps and career strategy.
• Resume Builder: Live-preview markdown resume generator pulling dynamic values from active tasks, completed projects, and learned skills.
• Knowledge Vault: Organize technical reading lists, bookmarks, custom tutorials, and cheat sheets with custom tagging.
• Task & Skill Trackers: Robust local task management including subtasks, difficulty metrics, active tracking, and visual graphs.
• Weekly Review logs: High-impact retro templates to log weekly wins, challenges faced, and goals for the coming cycle.

---

🛠️ Tech Stack & Structure

• Framework: React 18 + Vite
• Language: TypeScript (fully typed)
• Styling: Tailwind CSS + custom fonts (Inter, Space Grotesk, JetBrains Mono)
• Animations: motion
• Icons: Lucide React

---

📦 Getting Started

Prerequisites

Ensure you have Node.js installed (v18+ recommended).

Installation

1. Clone or download your repository:

   git clone <your-github-repo-url>
   cd developer-growth-tracker

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

5. Preview the production build locally:

   npm run preview

---

🔒 Security & Privacy

This project is fully prepared for a public repository:

• A robust .gitignore file blocks .env configurations, build outputs, local database files, or uncommitted user notes.
• Personal identifying references have been fully cleaned from starter files.
• The app stores active state securely in local storage, starting out clean with standard default developer credentials which are fully customizable.