Back to Workspace

The Complete Documentation

A deep-dive into the modules, exact functioning, and use cases of the MyCareerDude ecosystem.

1. Job Tracker (Kanban Pipeline)

Core Organizational Module

Use Case

When applying to 50+ companies, chaos ensues. You forget who you applied to, which links you used, and what status you're currently in. The Job Tracker acts as your Personal HR Dashboard, replacing messy Excel sheets with a buttery-smooth visual pipeline.

How it Works

  • Fluid Physics: Powered by @hello-pangea/dnd, you can physically drag a job card from "Wishlist" and drop it into "Interview".
  • Optimistic UI Synching: The moment you drop a card, the React UI updates instantly while a background worker fires a silent PATCH request to MongoDB to sync your changes globally.
  • Duplicate Prevention: If you accidentally save the exact same role at the same company, the API intercepts it and throws a 409 Conflict error to keep your board clean.

2. Smart Document Builders

Resume & Cover Letter Engines

Use Case

Standard Word document resumes often break when parsed by corporate Applicant Tracking Systems (ATS). Our Builders constrain your input into strictly formatted, highly readable templates that algorithms love, guaranteeing your resume reaches a human.

Export Integrity

Both builders dynamically generate a flawless A4 PDF using @react-pdf/renderer directly in your browser, maintaining pixel-perfect typography.

How it Works (Disaster-Proof Save)

We engineered an industrial-grade saving mechanism to ensure you never lose a single keystroke if your laptop dies mid-sentence:

  • Instant Local Draft: Every single letter you type is instantaneously written to your browser's localStorage database without latency.
  • Debounced Cloud Backups: The system sets a 3-second invisible timer. Every time you type, the timer resets. Exactly 3 seconds after you stop typing, a background worker silently pushes your entire document directly to the Cloud (MongoDB).

3. Interview Notes & Prep

Technical Preparation Hub

Use Case

Getting the interview is only half the battle. The Interview Notes module equips you with Flashcards, Data Structure & Algorithm (DSA) progress trackers, and a Daily Code Challenge to keep your technical skills sharp while you apply.

How it Works

  • Progress Bars: The dashboard automatically fetches your completed problem count from the API and calculates a real-time mastery percentage.
  • Flashcard Rotation: Interactive flip-cards allow you to rapidly test your RAM knowledge of technical concepts through a specialized UI component.

4. 1-Click Portfolio

Digital Presence

Use Case

Recruiters spend 6 seconds on a resume, but they will spend minutes exploring a beautiful visual portfolio. This module allows you to instantly generate a public, shareable website containing your projects without writing a single line of code.

How it Works

The Next.js framework dynamically maps your database profile information (Links, GitHub projects, Bio) into a stunning pre-styled React Template. It creates a personalized unique routing slug (e.g. mycareerdude.com/p/yourname) that you can embed directly into your LinkedIn.

The Secret Weapon

The Chrome Extension: Functioning & Architecture

1-Click Auto Scraper

Download Now

Install from Chrome Web Store
💡
Note: Since the extension is newly published, Chrome may show a "Proceed with caution" warning. This is normal for new developer accounts. Simply click "Continue to install" to proceed safely.

Use Case

Manually copying a Company Name, highlighting the Job Title, and pasting the URL into an Excel sheet takes ~45 seconds per job. Our extension reduces this to 0.5 seconds.

How it Works

When you click the extension, manifest.json grants activeTab permissions. It injects scraper.js directly into the DOM of the active tab (LinkedIn, Indeed). The scraper parses through the HTML tree (e.g. searching for .job-details-jobs-unified-top-card__job-title), extracts the text, cleans the data, and sends it back to the React UI instantly.

Global Keyboard Hook

Use Case

Power users don't want to use a mouse. You can save a job without ever opening the extension UI.

How it Works

The extension registers a global hook Ctrl+Shift+S. When pressed, the background Service Worker wakes up, silently forces the scraper script to map the page, packages the payload, executes a POST request to MongoDB, and triggers a native Windows/Mac chrome.notifications alert—bypassing the UI entirely.

Offline Rescue Queues

Use Case

Commuting on a train with spotty Wi-Fi? You click "Save" but the internet drops. The extension saves the job anyway and syncs it later automatically.

How it Works

If the fetch() API detects a network failure (!navigator.onLine), it catches the error and dumps the job payload into a chrome.storage queue. A persistent chrome.alarms cron job checks the network every 60 seconds. When Wi-Fi is restored, the queue empties itself to the cloud.

Begin the journey.

You know the tech. Now deploy the strategy. Start building your portfolio and applying efficiently.

Open Workspace