2_BridgeCareers

Inspiration

We looked at LinkedIn and realized that the "Easy Apply" culture is broken. The current system is a black box: you apply, you get ghosted, and you never know why. LinkedIn tells you that you’re a "Top Applicant," but it doesn't tell you how to bridge the gap if you aren't. We wanted to build a platform that doesn't just list jobs, but acts as a Strategic Career Coach that tells you exactly what to learn to become the perfect candidate. What it does

Bridge Careers (formerly Job Seeker) analyzes a user's technical profile and compares it against real-time job descriptions using a custom-built Compatibility Engine.

Proficiency Mapping: Unlike other platforms that use binary "Yes/No" skill matching, we evaluate users on a 5-level proficiency scale.

Dynamic Roadmaps: It generates a step-by-step learning path that distinguishes between "Critical Gaps" (missing skills) and "Proficiency Gaps" (skills you have but need to level up).

Market Insights: Every learning step is backed by data, showing users the salary potential and interview safety of mastering specific technologies.

How we built it

Frontend: Built with React and Vite, utilizing React Router for seamless navigation between the Dashboard and Explore views.

Backend: Leveraged Firebase Auth for secure user sessions and Firestore to manage a dynamic database of job listings.

The Engine: We developed a custom Compatibility Algorithm in JavaScript that uses regex-based keyword detection and alias mapping (e.g., matching "Postgres" to "PostgreSQL") to calculate a weighted match score.

Styling: Engineered a custom Dark Theme UI using CSS variables, focusing on data visualization through SVG-based progress charts and proficiency meters.

Challenges we ran into

Data Normalization: Handling "Ghost Jobs" in the database that were missing titles or descriptions caused engine crashes. We solved this by implementing defensive coding patterns and strict data validation in our filtering logic.

Optical Alignment: Achieving a "pixel-perfect" UI, specifically centering dynamic text within circular SVG charts, required deep-diving into SVG coordinate systems.

The Proficiency Logic: Moving from simple string-matching to an object-oriented skill system meant refactoring the entire state management of the application to ensure the engine received the correct data types.

Accomplishments that we're proud of

The Logic Depth: Building an engine that understands the difference between a Junior and Senior role and adjusts its expectations accordingly.

Clean UI/UX: Creating an independent scrolling system in the Explore view that allows users to browse jobs while keeping their roadmap pinned in view.

Resilience: Successfully migrating the project through several major refactors while maintaining a clean, bug-free codebase.

What we learned

Git Mastery: We learned the hard way how to manage repository rules, branch protection, and when (and how) to safely use force-pushes to sync remote histories.

State Management: Gained a deep understanding of useMemo for performance optimization, ensuring that complex filtering and compatibility calculations don't lag the UI.

Technical Communication: Learning how to translate "Job Description jargon" into actionable technical requirements for our users.

What's next for Bridge Careers

Project Lab: Integrating an AI-powered project generator that creates custom coding challenges for a user's specific skill gaps.

Resume Tailor: A feature that automatically generates a "Technical Skills" summary optimized for a specific job's proficiency requirements.

Community Benchmarking: Allowing users to see how their skill levels compare to the average applicant for a specific role.

Built With

• firebase
• firestore
• github
• javascript
• react
• vite