kary317/intelligent-recruitment-front

How kary317/intelligent-recruitment-front works

This is an HR recruiting frontend: users sign in, then manage positions, candidates and their hiring stages, employees, and HR department assignments. The Vue router mounts the relevant pages; those pages call domain API modules, which share an Axios request layer, while user credentials live in a Pinia store. Resume upload/parsing and candidate AI scoring are visible API capabilities, though their external implementation is outside this repository. Several page/API connections are supported by the SOURCE INDEX rather than full excerpts; other unsampled page behavior is summarized without inferring internal calls.

Main entry points: index.ts Route dispatch · request.ts HTTP client · user_api.ts User and HR API · position_api.ts Position API

Components 23

Application shell

Vue entry src/main.ts
App router view src/App.vue
Route dispatch src/router/index.ts
Main layout src/components/MainLayout.vue

Identity and access

Auth layout src/components/AuthLayout.vue
Login and registration src/pages/login/index.vue
Registration page src/pages/register/index.vue
User session src/stores/user.ts
User and HR API src/apis/user_api.ts

Recruiting workflow

Recruitment dashboard src/pages/dashboard/index.vue
Dashboard API src/apis/dashboard_api.ts
Position management src/pages/positions/index.vue
Position API src/apis/position_api.ts
Candidate pipeline src/pages/candidates/index.vue
Candidate intake src/pages/candidates/add.vue
Candidate and resume API src/apis/candidate_api.ts

Workforce administration

Employee management src/pages/employees/index.vue
HR administration src/pages/hr-management/index.vue
Settings page src/pages/settings/index.vue

API transport

HTTP client src/apis/request.ts
Full-screen loading src/utils/fullLoading.ts

Other components

HR user
HR backend

Connections 36

HR user → Vue entry: uses app src/main.ts
Vue entry → App router view: mounts src/main.ts
Vue entry → Route dispatch: installs router src/main.ts
App router view → Route dispatch: renders routes src/App.vue
Route dispatch → Login and registration: routes to src/router/index.ts
Route dispatch → Registration page: routes to src/router/index.ts
Route dispatch → Main layout: routes to src/router/index.ts
Route dispatch → Recruitment dashboard: routes to src/router/index.ts
Route dispatch → Position management: routes to src/router/index.ts
Route dispatch → Candidate pipeline: routes to src/router/index.ts
Route dispatch → Candidate intake: routes to src/router/index.ts
Route dispatch → Employee management: routes to src/router/index.ts
Route dispatch → HR administration: routes to src/router/index.ts
Route dispatch → Settings page: routes to src/router/index.ts
Login and registration → Auth layout: uses layout src/pages/login/index.vue
Registration page → Auth layout: uses layout src/pages/register/index.vue
Login and registration → User and HR API: authenticates through src/pages/login/index.vue
Registration page → User and HR API: registers through src/pages/register/index.vue
Login and registration → User session: updates session src/pages/login/index.vue
Employee management → User session: reads session src/pages/employees/index.vue
Employee management → User and HR API: manages employees src/pages/employees/index.vue
HR administration → User and HR API: manages HR src/pages/hr-management/index.vue
Recruitment dashboard → Dashboard API: loads metrics src/pages/dashboard/index.vue
Position management → Position API: manages positions src/pages/positions/index.vue
Candidate pipeline → Candidate and resume API: manages pipeline src/pages/candidates/index.vue
Candidate pipeline → Position API: loads positions src/pages/candidates/index.vue
Candidate intake → Candidate and resume API: submits intake src/pages/candidates/add.vue
Candidate intake → Position API: loads positions src/pages/candidates/add.vue
Candidate intake → Full-screen loading: uses loading src/pages/candidates/add.vue
User and HR API → HTTP client: sends requests src/apis/user_api.ts
Position API → HTTP client: sends requests src/apis/position_api.ts
Candidate and resume API → HTTP client: sends requests src/apis/candidate_api.ts
Dashboard API → HTTP client: sends requests src/apis/dashboard_api.ts
HTTP client → User session: reads token src/apis/request.ts
HTTP client → HR backend: HTTP requests src/apis/request.ts
Candidate and resume API → Position API: uses position types src/apis/candidate_api.ts

More Vue diagrams: faizaldevs/restopos · javitorres/datalakestudio · ahmed-fawzy99/hr-management-system · fastapi-practices/fastapi-best-architecture-ui · iron-io/functions-ui

Drawn by GitDiagram on September 30, 2026 from the repository's file tree, README and source files. Read as Markdown ·