Skip to content

About

AI 기반 취업 역량 분석 사이트, 페르티네오

Resources

Stars

0 stars

Watchers

0 watching

Forks

 
 

Repository files navigation

🧭 Pertineo · 페르티네오

AI 기반 취업 역량 분석 서비스

“Pertineo” — 라틴어로 ‘속하다 · 어울리다’.
나에게 어울리는 직무와 역량을 찾아주는 서비스를 지향합니다.

Live Demo Original Repo


📖 Overview

Pertineo(페르티네오) 는 사용자가 자신의 경험과 역량을 입력하면, AI가 이를 분석해 취업 시장에서의 강점·약점·적합 직무를 시각적으로 알려주는 웹 서비스입니다.

  • 🤖 AI 분석 리포트 — 사용자의 역량 데이터를 기반으로 한 자연어 분석 결과 제공
  • 📊 데이터 시각화 — 차트 기반의 역량 그래프로 한눈에 파악
  • 🖼️ 3D 인터랙티브 UI — Three.js로 구현한 몰입형 진입 경험
  • 📄 PDF 리포트 내보내기 — 분석 결과를 PDF로 저장·공유

🔗 Links

🌐 Live Service https://pertineo.vercel.app
📦 Origin Repository khu-return-19/client

🛠️ Tech Stack

Core

React TypeScript React Router CRA

Styling

Tailwind CSS Sass Framer Motion

State & Data

Zustand TanStack Query Axios React Hook Form

Visualization & 3D

Three.js

Document & Markdown

jsPDF html2canvas Markdown

Analytics & UX

Google Analytics Toastify

전체 의존성 보기
영역 라이브러리
렌더링 react@19, react-dom@19, react-scripts@5
라우팅 react-router-dom@7
상태/데이터 zustand, @tanstack/react-query, axios
폼 react-hook-form
스타일 tailwindcss, sass, clsx, tailwind-merge
애니메이션 framer-motion
3D @react-three/fiber, @react-three/drei, @react-spring/three
PDF/캡처 jspdf, html2canvas
마크다운 react-markdown, remark-gfm, remark-breaks, rehype-raw
UI 보조 react-toastify, react-loading-skeleton, react-icons, react-intersection-observer, react-responsive
분석 react-ga4
유틸 dayjs

📂 Project Structure

pertineo/
├── .github/             # GitHub 워크플로우 설정
├── public/              # 정적 에셋
├── src/                 # 애플리케이션 소스
├── postcss.config.js    # PostCSS 설정
├── tailwind.config.js   # Tailwind 디자인 토큰
├── tsconfig.json        # TypeScript 설정
└── package.json

🌐 Deployment

Vercel을 통해 자동 배포됩니다. dev 브랜치에 푸시되면 빌드 후 pertineo.vercel.app에 반영됩니다.


🙌 Origin

이 저장소는 경희대학교 캡스톤 프로젝트 khu-return-19/client에서 포크되었습니다. 원본 팀과 모든 기여자에게 감사드립니다.


Made with ☕ and React Three Fiber

About

AI 기반 취업 역량 분석 사이트, 페르티네오

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages