Comparision feature added - User can compare between 2 tech stack

[coutKaustubh]

Summary

This PR adds a Career Roadmap Comparison feature so learners can select two paths (e.g. Frontend vs Full Stack, React vs Angular, DevOps vs Cloud) and view a side-by-side breakdown of topics, duration, difficulty, shared/unique skills, career opportunities, and visual bar charts. It also improves the homepage navbar by styling the project search bar to match the theme, reorganizing congested nav items, removing a duplicate theme toggle, and wiring search to the existing /api/search endpoint.

Changes Made

• data/career_roadmaps.json — New dataset with 6 career roadmaps (Frontend, Full Stack, React, Angular, DevOps, Cloud)
• utils/roadmap_comparer.py — Load roadmaps, validate data, compute overlapping/unique skills, topics, and careers
• routes/main_routes.py — Added /compare, /api/roadmaps, /api/compare; included compare page in sitemap
• templates/compare.html — Comparison page with selectors, quick-pick buttons, charts, and side-by-side details
• static/compare.js — Client logic for fetching comparisons and rendering bar charts and skill breakdowns
• static/style.css — Compare page styles; navbar search styling; improved nav layout and responsive breakpoints
• templates/index.html — Reorganized navbar (logo, search, links, actions); mobile search; Compare nav link
• static/script.js — Wired navbar search (desktop + mobile) to /api/search and results rendering
• tests/test_basic.py — 9 new tests for roadmap loading, comparison logic, API routes, and sitemap

Type of Change

• Bug fix
• New feature
• Documentation update
• Data addition (new projects)
• Style / UI change

Testing Done

Manual testing:

1. Open /compare — select two roadmaps and click Compare Roadmaps
2. Use quick picks: Frontend vs Full Stack, React vs Angular, DevOps vs Cloud
3. Verify bar charts, shared skills, unique skills, topics, and career tags render correctly
4. Test URL params: /compare?a=frontend&b=fullstack
5. Homepage navbar — search bar matches theme; nav less congested; search returns project results
6. Mobile menu — search and all nav links accessible

Automated tests:
venv\Scripts\python.exe -m pytest tests/test_basic.py -q 72 passed

Video

DEVPATH.mp4

Before: No roadmap comparison page; navbar search unstyled and nav crowded with duplicate theme toggle.

After: Full comparison UI at /compare with charts and skill overlap; themed search pill in navbar.
(Add screenshots of /compare results and updated navbar here.)

Related Issue

Closes #785

[vercel]

@coutKaustubh is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.