- Project Management & Progress
- Project Overview
- Functionality & Features
- Target Audience
- Tech Stack
- Dataflow Diagram
- Application Architecture
- User Stories
- Wireframes
DeepSeek Job Tracker is an AI-powered job application management platform designed to help professionals, especially those in career transition, effectively manage their job search process. The platform leverages artificial intelligence to analyze resumes and match them with suitable job opportunities.
The platform serves three main purposes:
- Simplify the job application process through AI-driven insights
- Provide intelligent job matching based on skills and experience
- Offer comprehensive application tracking and management
Our platform primarily targets:
- Career transition professionals
- Job seekers in the tech industry
- Professionals with diverse skill sets
- React.js
- Material UI
- TypeScript
- TailwindCSS
- Axios
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT Authentication
- DeepSeek AI for resume analysis
- Brave Search API for job recommendations
- Railway (Backend)
- Vercel (Frontend)
Osman's Profile:
- Background: Mechanical Engineering degree, recent IT Web Development
- Goals: Transition to tech industry
- Frustrations: Complex skill presentation challenges
- As a guest, I want to learn about the platform's features
- As a guest, I want to try basic resume analysis
- As a guest, I want to see example job matches
- As a guest, I want to create an account
- As a registered user, I want to upload my resume
- As a registered user, I want to create my profile
- As a registered user, I want to find matched jobs for my resume
- As a registered user, I want to link my social and professional profiles
- As a registered user, I want to track my applications
- As a registered user, I want to get AI feedback
- As a registered user, I want to visit suggested job application links and apply
- As a registered user, I want to showcase my applied jobs on my personal website/portfolio
After developing our primary persona, we refined our user stories:
- As a career changer, I want my resume analyzed by AI so that I can effectively highlight my diverse educational background
- As a professional with varied experience, I want feedback on how to present my transferable skills from management to tech
- As a mature student, I want guidance on highlighting my recent tech education alongside my extensive work experience
Login Interface: A clean, dark-themed login page with email and password fields, a prominent blue login button, and a "Don't have an account? Sign up" link at the bottom.
Registration Interface: A matching dark-themed registration form collecting first name, last name, email address, password, and password confirmation fields. Features a blue register button and an "Already have an account? Sign in" link.
Feature Description: The authentication system provides a secure and user-friendly interface for users to create accounts and log in to the platform. The login page features a clean design with email and password fields, while the registration page collects essential user information including first name, last name, email, and password with confirmation.
Feature Description: The Resume Upload screen allows users to easily upload their Resume files. The interface provides a simple drag-and-drop area and displays the upload status with confirmation when successful. users can then view their AI-powered Resume analysis with a single click.
Feature Description: The Resume Analysis screen presents an AI-generated executive summary of the user's Resume. Key keywords are highlighted in orange for better visibility, emphasizing core qualifications, experiences, and skills. This provides users with a quick overview of how their Resume is perceived by potential employers.
Feature Description: This section provides a detailed breakdown of the user's skills with proficiency levels (Advanced, Intermediate) clearly indicated. The recommendations panel offers actionable advice for improving the resume, such as adding quantitative achievements and enhancing the skills section with specific technologies.
Feature Description: The platform identifies specific areas where the user can improve their profile, such as software diversity and industry experience. The Job Matching section displays positions that match the user's profile based on AI analysis, with options to view all matching positions or find more matching jobs.
Feature Description: The Job Matching Detail View presents a detailed list of job positions that match the user's resume. Each job listing includes the position title, company name, and location information. Users can apply directly using the "apply&Track" button and Track their applications on the platform. Job descriptions highlight keywords that match the user's skills.
Feature Description: The Calendar View in the Job Application Tracker allows users to visualize their Application timelines. applications are color-coded by status (Applied, Under Review, Interview, etc.), making it easy to track multiple applications and upcoming events such as interviews or follow-ups.
Feature Description: The My applications view provides a list of all job applications with their current statuses, application dates, and latest updates. Users can filter applications by status and sort them by different criteria. Each application entry includes options to view the application link, update status, or delete the entry.
graph LR
%% Define main components
User((👤 User))
Browser[🌐 Browser]
subgraph ClientSide[Client Side]
style ClientSide fill:#e8f5e9,stroke:#4caf50,stroke-width:2px
React[React Framework]
subgraph FrontendPackages[Third Party Packages]
style FrontendPackages fill:#f3e5f5,stroke:#9c27b0,stroke-width:1px
Packages[\"
@mui/material
@emotion/react
@fullcalendar
axios
react-router-dom
JWT management
"\]
end
end
subgraph ServerSide[Server Side]
style ServerSide fill:#ffebee,stroke:#f44336,stroke-width:2px
Express[Express Framework]
subgraph BackendPackages[Third Party Packages]
style BackendPackages fill:#e3f2fd,stroke:#2196f3,stroke-width:1px
ServerPackages[\"
express
mongoose
multer
bcryptjs
jsonwebtoken
pdf-parse
"\]
end
end
subgraph ExternalAPIs[External APIs]
style ExternalAPIs fill:#fff3e0,stroke:#ff9800,stroke-width:2px
APIs[\"
OpenAI - Resume Analysis
DeepSeek - AI Processing
Jooble - Job Search
"\]
end
subgraph Database[Database Layer]
style Database fill:#fce4ec,stroke:#e91e63,stroke-width:2px
MongoDB[(MongoDB Atlas)]
end
%% Define connections with labels
User -->|Web Address| Browser
Browser -->|HTTP Request| ClientSide
ClientSide -->|API Request| ServerSide
ServerSide -->|API Response| ClientSide
ServerSide -->|Mongoose Query| Database
Database -->|Data| ServerSide
ServerSide -->|API Requests| ExternalAPIs
ExternalAPIs -->|API Response| ServerSide
Browser -->|HTML/JSON| User
%% Style nodes
style User fill:#bbdefb,stroke:#1976d2,stroke-width:2px
style Browser fill:#c8e6c9,stroke:#388e3c,stroke-width:2px
style React fill:#b2dfdb,stroke:#00796b,stroke-width:2px
style Express fill:#ffcdd2,stroke:#d32f2f,stroke-width:2px
style MongoDB fill:#f8bbd0,stroke:#c2185b,stroke-width:2px
- Web browser access
- User interface interaction
- Form submissions and file uploads
- Framework: React
- Key Features:
- Responsive UI with Material-UI
- State management
- Route handling
- API integration
- File upload handling
- Real-time updates
- Framework: Express.js
- Key Features:
- RESTful API endpoints
- Authentication & Authorization
- File processing
- Data validation
- Error handling
- External API integration
- Technology: MongoDB Atlas
- Features:
- Cloud hosting
- Scalable storage
- Data redundancy
- Automated backups
- Security compliance
- OpenAI API: Resume analysis and skill extraction
- DeepSeek API: Advanced AI processing
- Jooble API: Job search and listings
sequenceDiagram
participant User as 👤 User
participant Frontend as 🎨 Frontend
participant Backend as ⚙️ Backend
participant External as 🌐 External APIs
participant DB as 💾 Database
User->>Frontend: 1. Access Application
Frontend->>Backend: 2. API Request
Backend->>External: 3. External Service Call
External-->>Backend: 4. Service Response
Backend->>DB: 5. Store Data
DB-->>Backend: 6. Data Response
Backend-->>Frontend: 7. API Response
Frontend-->>User: 8. Display Results
note over Frontend,Backend: Secure Communication via JWT
note over Backend,DB: Mongoose ODM Layer
note over Backend,External: API Integration Layer
- Complete core functionality
- Resume analysis
- Job matching
- Application tracking
-
Local Partnerships
- Collaboration with Melbourne and Sydney job agencies
- Specialized portals for local opportunities
-
Industry Specialization
- Partnerships with tech companies
- Custom AI analysis for specific sectors
-
Community Features
- Mentorship opportunities
- Success stories
- Career transition guides
Our Trello board can be viewed here.
Welcome to CareerLens - Your AI-Powered Career Companion! 🌟
This document provides a comprehensive overview of the CareerLens project, detailing the libraries and dependencies used, project management methodologies, and testing strategies implemented throughout the development process.
-
@emotion/react, @emotion/styled: These libraries are used for CSS-in-JS styling, allowing dynamic and scoped styling within React components.
-
@fullcalendar/daygrid, @fullcalendar/interaction, @fullcalendar/react: These libraries provide interactive calendar functionalities, enabling users to track job application timelines visually.
-
@mui/icons-material, @mui/material: Material UI libraries used for creating a consistent, responsive, and visually appealing user interface with pre-built React components and icons.
-
axios: A promise-based HTTP client used to handle API requests between the frontend and backend, supporting asynchronous operations with async/await syntax.
-
dotenv: Allows the frontend to securely manage environment variables, such as API endpoints, without exposing sensitive information.
-
react, react-dom: Core libraries for building the frontend application using React, enabling component-based architecture and efficient DOM manipulation.
-
react-router-dom: Enables client-side routing, allowing the application to behave as a single-page application (SPA) with dynamic navigation between different views.
-
react-scripts: Provides scripts and configurations for running, building, and testing the React application, included by default with Create React App.
-
express: A minimal and flexible Node.js web application framework used to build the backend API, handling HTTP requests and responses efficiently.
-
axios: Used on the backend to make external API calls (e.g., OpenAI, DeepSeek, Jooble APIs) for resume analysis and job search functionalities.
-
bcryptjs: Provides hashing functionality for securely storing user passwords in the database.
-
cors: Enables Cross-Origin Resource Sharing, allowing the frontend application to communicate securely with the backend API from different origins.
-
dotenv: Manages environment variables securely, storing sensitive information such as API keys, database URIs, and JWT secrets.
-
jsonwebtoken: Implements JSON Web Tokens (JWT) for secure user authentication and authorization.
-
mongoose: An Object Data Modeling (ODM) library for MongoDB, used to define schemas, manage database interactions, and perform CRUD operations.
-
multer: Middleware for handling multipart/form-data, primarily used for uploading resume files (PDF, DOC, DOCX).
-
pdf-parse: Extracts text content from uploaded PDF resumes, enabling further analysis through external APIs.
-
nodemon (dev dependency): Automatically restarts the server during development upon detecting file changes, improving development efficiency.
-
OpenAI API: Used for advanced resume analysis, providing detailed insights, strengths, weaknesses, and recommendations based on resume content.
-
DeepSeek API: An alternative AI-powered resume analysis service, offering comprehensive resume evaluations and job matching suggestions.
-
Jooble API: Integrated for job search functionality, allowing users to find relevant job listings based on their resume analysis results.
We utilized Discord as our primary communication platform, conducting daily audio calls and screen-sharing sessions to facilitate real-time collaboration and debugging. This approach allowed us to quickly identify and resolve issues, significantly enhancing productivity.
For task management, we adopted a Kanban methodology using Trello. Our Kanban board initially included columns for:
- 📝 Requirements (Part A & Part B)
- 🔍 Research
- 🎯 Presentations
- 📖 User Stories
- 📊 Backlog
- ✅ To Do
- 🔄 Doing
- 🧪 Testing
- ✨ Completed
As the project progressed, completed columns such as Requirements, Research, Presentations, and User Stories were archived to maintain clarity. Tasks were labeled based on estimated completion time and categorized as either frontend or backend tasks.
Daily stand-up meetings were held each morning to discuss daily goals, followed by check-ins before lunch and at the end of the day to monitor progress and address any blockers. Our Kanban approach emphasized continuous delivery, allowing us to deploy features incrementally as they became ready.
-
Manual Testing: Extensive manual testing was conducted by team members, family, and friends to ensure usability, responsiveness, and functionality across various devices and browsers.
-
Integration Testing: Axios interceptors and API response validations were implemented to ensure robust error handling and reliable communication between frontend and backend services.
-
Manual Testing: Postman was extensively used to test API endpoints, ensuring correct responses, error handling, and data integrity.
-
Unit & Integration Testing: Mocha and Chai were utilized to write comprehensive unit and integration tests for backend routes, middleware, and database interactions, ensuring reliability and stability.
-
User Acceptance Testing (UAT): Conducted by external users (friends and family) to validate the overall user experience, identify usability issues, and gather feedback for improvements.
-
Continuous Integration & Deployment (CI/CD): Although not fully automated, manual deployment processes were regularly performed to ensure the application remained stable and functional in production environments.
- Secure user registration and login using JWT authentication.
- Password hashing with bcryptjs for enhanced security.
- Protected routes and middleware to ensure authorized access to sensitive data.
- File upload functionality supporting PDF, DOC, and DOCX formats.
- Text extraction from resumes using pdf-parse.
- AI-powered resume analysis via OpenAI and DeepSeek APIs, providing detailed insights, strengths, weaknesses, and actionable recommendations.
- Integration with Jooble API to fetch relevant job listings based on resume analysis results.
- Advanced search capabilities allowing users to refine job searches by keywords, location, and skills.
- Comprehensive application tracking system enabling users to manage job applications, update statuses, and add notes.
- Interactive calendar view (FullCalendar) for visualizing application timelines and upcoming events.
- Responsive and intuitive UI built with React and Material UI.
- Consistent design language and interactive components enhancing user engagement.
- Smooth animations, transitions, and visual feedback for improved usability.
- Frontend: Deployed using Netlify, providing continuous deployment from GitHub repositories.
- Backend: Hosted on Render.com, offering reliable and scalable Node.js hosting with MongoDB integration.
- 🔄 Implement automated CI/CD pipelines for streamlined deployment processes.
- 👤 Enhance user profile management, allowing users to update personal information and preferences.
- 🌐 Integrate additional job search APIs for broader job listing coverage.
- 🧪 Expand testing coverage with automated end-to-end tests using Cypress or Selenium.
- Osman Orka
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ by the CareerLens Team