https://github.com/xsachax/pathfinder_conuhacks-2025

Find the career that's right for you. 🎯
https://github.com/xsachax/pathfinder_conuhacks-2025

react tailwindcss three-js typescript zustand

Last synced: about 3 hours ago
JSON representation

Find the career that's right for you. 🎯

• Host: GitHub
• URL: https://github.com/xsachax/pathfinder_conuhacks-2025
• Owner: xsachax
• Created: 2025-02-01T16:44:10.000Z (1 day ago)
• Default Branch: main
• Last Pushed: 2025-02-02T13:07:41.000Z (about 20 hours ago)
• Last Synced: 2025-02-02T13:20:28.214Z (about 20 hours ago)
• Topics: react, tailwindcss, three-js, typescript, zustand
• Language: TypeScript
• Homepage: https://pathfinder-conuhacks-2025.vercel.app
• Size: 40.3 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pathfinder

## 🗺️ Inspiration

Finding a career can be hard. Many students during their time in high school are only exposed to the "popular careers", when very stable, attainable, and good careers can fall through the cracks. We wanted to make a fun 3D experience allowing people to tell their stories and passions, and find a successful and fufilling career. It's not limited to students, our NPCs are equiped to talk to anyone of any age, of any background.

## 🌍 What it does

Our interactive 3D map allows users to:

- Explore various career paths by interacting with NPCs who share their stories and experiences.

- Receive personalized career recommendations based on their interests and skills.

- Access detailed information about different careers, including required skills, education, and potential salary.

- Engage in interactive activities and quizzes to better understand their career preferences.

## 🛠️ How we built it

**Frontend:** Three.js, React, Tailwind CSS for an exciting and clean UI.

**Backend:** Vite, Zustand, TypeScript for housing the site.

**AI:** GenAI for Career based questions, rating, classification, and scoring the user according to their choices.

**Models:** Open source models off of Poly Pizza & Sketchfab

## 🔧 Challenges we ran into

Combining all of the pieces of **Pathfinder** together to create a seamless functioning **3D** and **GenAI** career exploration experience was very challenging. The physical placement of objects in **Three.js** was a confusing challenge in of itself with objects seemingly appearing in entirely different locations after a _git push_.

## 🏆 Accomplishments that we're proud of

The biggest accomplishment in our eyes was the overall outcome of the 3D aspect. For all of us this was the first time we dived into the world of **Three.js** which has a rather steep learning curve. After spending a long long time reading various docs, we were able to successfully create a product we are proud of.

## 🎓 What we learned

- We learned a lot about the integration of **Three.js** and **GenAI**, combining complex 3D environments with AI-driven career advice.

- Strengthened our full-stack development skills, from frontend UI design to backend deployment.

## 🚀 What's next for Pathfinder

- **World Expansion:** Creating a more vast world with more possibilities and reach for the user.

- **Detailed Overview:** A more diverse layout of the options the user can explore to continue following their chosen path.