CareerBloom AI

• 

  Login page

• 

  welcome Page

• 

  Overview/Home page

• 

  Dream Career page

• 

  Skill Assesment page

• 

  My Roadmap page

• 

  Daily Planner Page

• 

  Improvement Analytics

• 

  Settings page

• 

  Profile page

Inspiration

Students often struggle to choose the right career, identify missing skills, and create a clear learning plan. CareerBloom AI helps students turn career goals into practical daily actions.

What it does

CareerBloom AI provides Career Discovery, Skill Gap Analysis, Personalized Career Roadmaps, a Daily Action Planner, and an AI Career Coach. Improvement Analytics helps users track assessment results, completed tasks, and roadmap progress.

How we built it

We used React, Vite, TypeScript, Tailwind CSS, and Recharts to create a modern, responsive career-planning experience with interactive dashboards and progress visualizations.

Challenges we ran into

We focused on creating a polished interface, keeping navigation intuitive, fixing text-rendering issues, and displaying meaningful progress based on saved user activity.

Accomplishments that we're proud of

We brought career exploration, skill development, daily planning, roadmaps, and progress analytics together in one visually engaging platform.

What we learned

We strengthened our frontend development, UI/UX design, data visualization, and problem-solving skills while building a student-focused product.

What's next for CareerBloom AI

We plan to enhance personalized career recommendations, expand learning resources, and integrate more AI-powered guidance to help students become job-ready.

Built With

• css
• html
• javascript
• react
• recharts
• tailwind-css
• typescript
• vite