Career Copilot (AI Assistant for Work and Job Growth)

Inspiration

The idea for Career Copilot (AI Assistant for Work and Job Growth) came from the growing challenge faced by job seekers and recruiters in managing the overwhelming flow of information across job platforms. Many people struggle to find the right opportunities, while recruiters spend a lot of time keeping track of postings and candidate responses. I wanted to build a simple web app where users could choose their role—Job Seeker or Recruiter—and receive relevant updates, insights, and AI-powered assistance such as translation and summarization to make their experience more efficient.

What it does

Career Copilot allows users to select their role as either a Job Seeker or Recruiter.

Job Seekers can receive job notifications, translate job descriptions into different languages, and summarize them to quickly understand key information before applying.

Recruiters can manage their activities and keep track of job postings and responses in one place. The app integrates APIs for translation and summarization to enhance accessibility and productivity.

How we built it

The app was built using React.js with TypeScript and Vite for fast development and performance. The user interface was designed with Lucide React icons and Tailwind CSS for modern and responsive styling. I used public APIs for translation and summarization to make the system functional without needing a backend. Environment variables were managed using a .env file for API key configuration.

Challenges we ran into

Finding reliable and free APIs for translation and summarization that work well without authentication limits.

Ensuring that the app worked entirely on the frontend without a backend was challenging, especially when managing API responses securely.

Designing a clean and intuitive UI that worked equally well for both Job Seekers and Recruiters required multiple iterations and testing.

Accomplishments that we're proud of

Building a functional prototype that uses AI features like translation and summarization.

Creating a modern, responsive UI from scratch using Vite + React + TypeScript.

Learning how to integrate external APIs in a TypeScript-based React app and handle errors gracefully.

What we learned

How to structure a React project with Vite and TypeScript.

How to manage environment variables for API keys using Vite’s .env files.

How to connect to and handle REST APIs asynchronously in the frontend.

The importance of UX design and providing feedback (like loading states and error messages).

What's next for Career Copilot (AI Assistant for Work and Job Growth)

Next, I plan to:

Add a backend using Node.js or Firebase for storing user preferences and job alerts.

Implement authentication for personalized experiences.

Integrate OpenAI API for more advanced summarization and career advice features.

Build a mobile version using Flutter for wider accessibility.

Built With

• hugging-face-api-(for-summarization)-tools:-github
• javascript-frameworks:-react.js
• languages:-typescript
• vite-styling:-tailwind-css-icons:-lucide-react-apis:-libretranslate-api-(for-translation)
• vs