Career Mentor
An intelligent platform designed to help students
Created on 9th February 2025
•
Career Mentor
An intelligent platform designed to help students
The problem Career Mentor solves
Choosing a career path can be a daunting task for students, especially when they are unsure of their interests and strengths. Career Mentor addresses this problem by offering a smart, AI-powered solution that assesses students' preferences and skills to suggest suitable career options.
Challenges we ran into
Challenges Faced While Building Career Mentor
1. State Management
Managing the state across different components was initially complex. We resolved this by using React's Context API to create a global state that could be accessed by any component.
2. Responsive Design
Ensuring that the application was fully responsive and looked good on all devices required careful planning and testing. We used CSS media queries and Flexbox to create a responsive layout that adapts to different screen sizes.
3. CSS Conflicts
With multiple CSS files for different components, we faced issues with conflicting styles. To overcome this, we used CSS modules to scope styles locally to each component, preventing conflicts.
4. API Integration
Integrating the AI-powered recommendation system required handling asynchronous API calls and managing the data flow. We used React's useEffect hook to fetch data from the API and update the state accordingly.
5. Performance Optimization
As the application grew, we noticed performance issues. We optimized the performance by using React's memo and useCallback hooks to prevent unnecessary re-renders and by lazy loading components.