You are browsing as a guest. Sign up (or log in) to start making projects!

Decode Your Career Pathway

  • 9 Devlogs
  • 29 Total hours

Decode Your Career Pathways is a web app quiz that scores your interests, strengths, and study preferences against 24 careers across fields like tech, medicine, business, and engineering - then shows your top 5 matches with recommended subjects, degrees, and top universities.

Ship #2 💀 Cursed

The original version was a single big JavaScript file that handled everything - data, scoring, drawing, and clicks - on a fixed-size canvas. The upgrade splits that into clean, focused files: one for data, one for scoring, one for layout and responsive sizing, others for the quiz flow, results, sharing, comparing with friends, live job listings, and university rankings. It also adds polish like smooth transitions, progress saving, keyboard support, and a proper test harness, turning a working prototype into a much more flexible and feature-rich app.

  • 5 devlogs
  • 24h
  • 17.50x multiplier
  • 209 Stardust
Try project → See source code →
Open comments for this post

1h 58m 6s logged

Added a step where the quiz asks which country you’re from and whether you want live job listings for your country or the existing Canadian data. If you opt in, it pulls live results for your country; if not (or if there’s nothing available), it falls back to the built-in Canadian dataset. Makes the quiz useful beyond a Canada-only audience without losing the reliable baseline for users who skip it. Also cleaned up a handful of small bugs along the way.

0
0
10
Open comments for this post

5h 46m 39s logged

TODAY’S WORK :

API Integration - Indeed’s job API turned out to be sales-gated with no self-serve access, so pivoted to Adzuna (free, self-serve). Wired up live job postings per career on the detail screen, with caching and graceful loading/error states. Also added a country-selection step before the quiz so postings can be localized, plus fixed a couple of rendering bugs that came with it.

Share Result - Added a “Share Result” button that generates a downloadable PNG summary card and copies a shareable link. Answers are encoded straight into the URL, so results travel with zero backend.

Compare with a Friend - New stretch feature built on the share-link encoding. Paste a friend’s link, we decode and recompute their results, then show a side-by-side comparison with overlapping matches highlighted.

0
0
11
Open comments for this post

5h 19m 2s logged

Big polish day. Replaced hardcoded pixel positions with a percentage-based layout and made the canvas actually resize instead of being stuck at 1520×730. Added keyboard navigation (arrows + Enter) and in-memory progress persistence with a “resume quiz?” prompt so closing the tab doesn’t wipe everything.

0
0
11
Open comments for this post

5h 21m 57s logged

Wired yesterday’s scoring work into the detail screen - you now see a confidence badge and a line like “You matched because you value Impact + chose Science” instead of just a bare result. Also wrote day-in-the-life blurbs for all 24 careers and added a related-careers section (Software Engineer -> Data Scientist, etc.) so the quiz doesn’t dead-end at your top match.

0
0
4
Open comments for this post

5h 24m 32s logged

Split the quiz out of one giant file into data.js, quiz.js, scoring.js, render.js, with a basic test harness for calculateResults(). Then fixed the actual scoring bug: careers used to win on being consistently “meh” across every question instead of nailing a couple of perfect matches. Added a bonus for 3/3 scores on 2+ questions, confidence labels (“Strong Match” / “Worth Exploring”), and tracking for which questions drove each career’s score.

0
0
13
Ship #1 💀 Cursed

I made Decode Your Career Pathway, a five-question quiz that matches users to one of 24 careers based on their subjects, interests, motivations, and personality, then shows them the degree path, specializations, and top universities for that field. The trickiest part was building the scoring system - balancing the weights so that answers across five different questions (one of them multi-select) combined fairly without any single career always floating to the top. Getting the scroll and screen-transition logic clean (quiz → results → detail view) took some trial and error too. I’m proudest of the detail screen, where each result breaks down into subjects to focus on, a degree to aim for, minors, and real universities - it feels like actual advice rather than just a random result. To test it: go through all five questions (you can go back and change answers), hit Finish to see your top 5 matches ranked by score, then click “View Details” on any card to see the full breakdown, and try scrolling the results list since it’s capped to stop right at the last card.

  • 4 devlogs
  • 5h
  • 15.64x multiplier
  • 41 Stardust
Try project → See source code →
Open comments for this post

2h 0m 36s logged

Built out the results screen (ranked cards with match score, salary, outlook) and a detail view for digging into one career fully - subjects, degree, specializations, and top universities.

0
0
4
Open comments for this post

1h 2m 15s logged

Wired up the actual quiz - question progression, single vs. multi-select handling, and a scoring function that totals weighted points per career and sorts for the top 5 matches. Also added a university lookup table mapped by field, so the results screen can suggest real schools per career.

0
0
5
Open comments for this post

1h 8m 14s logged

Before touching any UI, put together the career list - 24 careers across Medicine, Technology, Business, Engineering, Law, Education, and a few others. Each one has salary range, outlook, recommended subjects, degree, and specializations.

Then built a scoring table: every career gets weighted values across all 5 quiz questions, so answers aren’t just matched to one “type” - they add up across multiple signals (subjects, interests, motivation, study length, work style).

0
0
3
Open comments for this post

59m 12s logged

Started this because I kept noticing how scattered career research actually is — subject requirements in one place, degree info in another, salary data somewhere else, university rankings somewhere else entirely. Wanted something that pulls all of that into one quick interactive tool instead of 10 open tabs.

Plan: a short quiz (5 questions) that scores your answers against a list of careers, then shows your top matches with everything you’d need to know — subjects to focus on now, degree to aim for, and where to study it.

0
0
7

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…