CommitMe Frontend

프로젝트 소개

CommitMe는 GitHub 레포지토리를 기반으로 AI가 이력서를 자동 생성하고, 모의 면접까지 연습할 수 있는 취업 준비 플랫폼입니다.

로그인부터 이력서 생성·수정, 면접 진행, 실시간 알림까지 사용자의 핵심 흐름을 390px 기준 모바일 웹 UI로 제공합니다.

Wiki 링크

시연 영상

클릭 시 유튜브로 이동합니다.

기술 스택

분류	기술
Framework	React 18, Vite 6
Routing	React Router v7
Server State	TanStack Query
Client State	Zustand
HTTP	Axios
Styling	Tailwind CSS 4, MUI, Radix UI
Test	Vitest, Testing Library
Lint / Format	ESLint, Prettier

디렉터리 구조

fe/
├─ src/app
│  ├─ api/             # API 클라이언트 및 endpoint 정의
│  ├─ components/      # 공통/기능/UI 컴포넌트
│  ├─ hooks/           # query, mutation, SSE, 웹소켓 훅
│  ├─ lib/             # queryClient, 유틸, 공통 설정
│  ├─ pages/           # 화면 단위 페이지
│  ├─ store/           # 클라이언트 상태 저장소
│  └─ types/           # 공통 타입/주석 기반 정의
├─ src/styles          # theme, global, typography
└─ package.json

개발 기여 내역

이름	역할
@tl1l1l1s 신윤지(Theta)	풀스택
@minzero0 안민영(Zero)	풀스택