Revolutionizing career guidance with 3D roadmaps, personalized AI agents, and real-time mentorship.
Clario is a comprehensive career development platform designed to guide students and professionals through their career journey. By leveraging cutting-edge AI, 3D visualization, and real-time communication, Clario bridges the gap between ambition and reality. Whether you're deciding on a major, preparing for interviews, or seeking 1:1 mentorship, Clario's intelligent agents and immersive tools are here to help.
Visualize your career path potential like never before. Our interactive 3D Roadmaps (powered by Three.js & Spline) create an engaging way to explore different execution strategies and milestones for your chosen field.
Forget generic advice. Clario's AI analyzes your profile, skills, and goals to generate customized learning tracks. Step-by-step guidance ensures you learn exactly what you need to succeed.
Practice makes perfect. Our realistic Voice Agents (powered by Vapi AI) conduct mock interviews, providing real-time feedback on your responses, tone, and confidence to get you job-ready.
Unsure which path to take? Our AI Career Agents (powered by Google Gemini & LangChain) act as your personal counselors. Chat with them to decode your interests, discover suitable colleges, and identify high-growth career opportunities.
Data-driven recommendations to help you find the best educational institutions that align with your career aspirations and academic profile.
Connect directly with industry experts. Our integrated Video Call feature (powered by ZegoCloud) facilitates seamless mock interviews, guidance sessions, and networking with mentors worldwide.
Frontend & UI
- Framework: Next.js 16 (on Turbopack)
- Styling: Tailwind CSS v4, Framer Motion, Styled Components
- UI Components: Radix UI, Lucide React, Hetero UI
- 3D Graphics: react flow
AI & Intelligence
- LLMs: Google Gemini (via Google GenAI & LangChain)
- Voice AI: Vapi AI
- Frameworks: LangChain (Google, Groq)
- Vector DB: Pinecone
- Search Agents: Tavily, SerpApi, NewsAPI
Backend & Services
- Database & Auth: Supabase
- Storage: Google Cloud Storage, ImageKit, Upstash Redis
- Real-time Video: ZegoCloud
- Payments: Razorpay
Follow these instructions to set up the project locally.
- Node.js (v18+ recommended)
- pnpm (or npm/yarn)
-
Clone the repository
git clone https://github.com/ritesh-sinha29/clario.git cd clario -
Install dependencies
pnpm install
-
Set up Environment Variables Create a
.env.localfile in the root directory and add the necessary API keys. (Refer to.env.exampleif available) -
Run the Development Server
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
Made with ❤️ for Hackathon.