Skip to content
@Team-Formation-Lap

Team-Formation-Lap

🏆 2025 한국공학대전 우수작품 수상 🏆

    



   🖥️ AI 기반 비언어 행동 분석과 이력서 기반 질문 생성을 통한 맞춤형 모의 면접 서비스 🖥️


📌 Table of Contents



📹 Demo Video

랜딩 페이지

landing

회원가입

signup

로그인

signin

이력서 업로드

landing

면접 진행

interview

종합 피드백

landing

답변 피드백

landing

행동 피드백

landing

🚨 System Scenario

system

🛠 Tech stack


분야 사용 기술
Frontend
Backend
DevOps
Monitoring
etc Slack Notion Figma

💎 ERD

landing

📙 API

api

🧑‍💻 How to Start

Backend

$ git clone https://github.com/Team-Formation-Lap/Backend.git

env setting in the Backend folder

  • Backend/.env
SECRET_KEY=

DB_USERNAME=
DB_DATABASE=
DB_USER_PASSWORD=
DB_ROOT_PASSWORD=
DB_HOST=
DB_PORT=

AWS_ACCESS_KEY_ID = 
AWS_SECRET_ACCESS_KEY =
AWS_STORAGE_BUCKET_NAME = 
AWS_S3_REGION_NAME =
AWS_S3_SIGNATURE_VERSION =
DEFAULT_FILE_STORAGE =
OPENAI_API_KEY=

Run Docker

docker-compose up -d 

Frontend

$ git clone https://github.com/Team-Formation-Lap/Frontend.git

Install

yarn install

Run

yarn dev

📚 Directory Structure

Frontend
    
    📦Frontend
    ┗ 📂my-project
       ┣ 📂public
       ┃  ┣ 📜favicon.ico
       ┃  ┗ 📜Interviewer.png
       ┣ 📂src
       ┃  ┣ 📂api
       ┃  ┃  ┣ 📜axiosInstance.ts
       ┃  ┃  ┣ 📜resultAPI.ts
       ┃  ┃  ┣ 📜resumeAPI.ts
       ┃  ┃  ┗ 📜signupAPI.ts
       ┃  ┣ 📂assets
       ┃  ┃  ┣ 📜book.svg
       ┃  ┃  ┣ 📜face1.png
       ┃  ┃  ┣ 📜face2.png
       ┃  ┃  ┣ 📜face3.png
       ┃  ┃  ┣ 📜face4.png
       ┃  ┃  ┣ 📜face5.png
       ┃  ┃  ┣ 📜flyingBusinessman.svg
       ┃  ┃  ┣ 📜flyingBusinesswoman.svg
       ┃  ┃  ┣ 📜InterviewerVideo.mp4
       ┃  ┃  ┣ 📜interviewVideo_song.webm
       ┃  ┃  ┣ 📜KoreanInterviewerVideo.mp4
       ┃  ┃  ┣ 📜Man.svg
       ┃  ┃  ┣ 📜Record.svg
       ┃  ┃  ┗ 📜Robot.svg
       ┃  ┣ 📂components
       ┃  ┃  ┣ 📂headers
       ┃  ┃  ┃  ┣ 📜header.tsx
       ┃  ┃  ┃  ┗ 📜InterviewHeader.tsx
       ┃  ┃  ┣ 📂modals
       ┃  ┃  ┃  ┣ 📜LoginModal.tsx
       ┃  ┃  ┃  ┣ 📜Modal.tsx
       ┃  ┃  ┃  ┣ 📜ResumeManageModal.tsx
       ┃  ┃  ┃  ┣ 📜ResumeUploadModal.tsx
       ┃  ┃  ┃  ┣ 📜ResumeUploadModal2.tsx
       ┃  ┃  ┃  ┗ 📜SignupModal.tsx
       ┃  ┃  ┣ 📂reports
       ┃  ┃  ┃  ┣ 📜BehaviorReport_design.tsx
       ┃  ┃  ┃  ┣ 📜BehaviorReport.tsx
       ┃  ┃  ┃  ┣ 📜ComprehensiveReport_design.tsx
       ┃  ┃  ┃  ┣ 📜ComprehensiveReport.tsx
       ┃  ┃  ┃  ┣ 📜QuestionReport_design.tsx
       ┃  ┃  ┃  ┣ 📜QuestionReport.tsx
       ┃  ┃  ┃  ┗ 📜RadarChart.tsx
       ┃  ┃  ┣ 📜ReplyButton.tsx
       ┃  ┃  ┣ 📜StartPageContent.tsx
       ┃  ┃  ┣ 📜VirtualInterviewer.tsx
       ┃  ┃  ┗ 📜WebcamFeed.tsx
       ┃  ┣ 📂css
       ┃  ┃  ┗ 📜modal.css
       ┃  ┣ 📂hooks
       ┃  ┃  ┣ 📜useAudioRecorder.ts
       ┃  ┃  ┣ 📜useLogin.ts
       ┃  ┃  ┣ 📜useLoginMutation.ts
       ┃  ┃  ┣ 📜useNavigation.ts
       ┃  ┃  ┣ 📜useResumeUpload.ts
       ┃  ┃  ┣ 📜useSignup.ts
       ┃  ┃  ┣ 📜useStartPage.ts
       ┃  ┃  ┣ 📜useTimer.ts
       ┃  ┃  ┣ 📜useToQAItems copy.ts
       ┃  ┃  ┣ 📜useToQAItems.ts
       ┃  ┃  ┣ 📜useUploadInterviewVideo.ts
       ┃  ┃  ┣ 📜useVideoRecorder.ts
       ┃  ┃  ┗ 📜useWebSocket.ts
       ┃  ┣ 📂pages
       ┃  ┃  ┣ 📜ArchivedReportPage.tsx
       ┃  ┃  ┣ 📜DesignPage.tsx
       ┃  ┃  ┣ 📜InterviewPage.tsx
       ┃  ┃  ┣ 📜MyPage.tsx
       ┃  ┃  ┣ 📜ReportPage.tsx
       ┃  ┃  ┗ 📜StartPage.tsx
       ┃  ┣ 📂store
       ┃  ┃  ┣ 📜authStore.ts
       ┃  ┃  ┗ 📜useInterviewStore.ts
       ┃  ┣ 📂stories
       ┃  ┃  ┣ 📜button.css
       ┃  ┃  ┣ 📜Button.stories.ts
       ┃  ┃  ┣ 📜Button.tsx
       ┃  ┃  ┣ 📜Configure.mdx
       ┃  ┃  ┣ 📜header.css
       ┃  ┃  ┣ 📜Header.stories.ts
       ┃  ┃  ┣ 📜Header.tsx
       ┃  ┃  ┣ 📜page.css
       ┃  ┃  ┣ 📜Page.stories.ts
       ┃  ┃  ┗ 📜Page.tsx
       ┃  ┣ 📂utils
       ┃  ┃  ┗ 📜constants.ts
       ┃  ┣ 📜App.css
       ┃  ┣ 📜App.tsx
       ┃  ┣ 📜index.css
       ┃  ┣ 📜main.tsx
       ┃  ┗ 📜vite-env.d.ts
       ┣ 📜eslint.config.js
       ┣ 📜index.html
       ┣ 📜package.json
       ┣ 📜postcss.config.js
       ┣ 📜README.md
       ┣ 📜tailwind.config.js
       ┣ 📜tsconfig.json
       ┗ 📜vite.config.ts
    
  
Backend
    
      📦Backend
      ┣ 📂apps
      ┃  ┣ 📜__init__.py
      ┃  ┣ 📜asgi.py
      ┃  ┣ 📜celery.py
      ┃  ┣ 📜settings.py
      ┃  ┣ 📜urls.py
      ┃  ┗ 📜wsgi.py
      ┣ 📂interview
      ┃  ┣ 📂migrations
      ┃  ┃  ┗ 📜__init__.py
      ┃  ┣ 📜__init__.py
      ┃  ┣ 📜admin.py
      ┃  ┣ 📜apps.py
      ┃  ┣ 📜consumers.py
      ┃  ┣ 📜models.py
      ┃  ┣ 📜routing.py
      ┃  ┣ 📜serializers.py
      ┃  ┣ 📜tasks.py
      ┃  ┣ 📜tests.py
      ┃  ┣ 📜urls.py
      ┃  ┣ 📜utils.py
      ┃  ┗ 📜views.py
      ┣ 📂result
      ┃  ┣ 📂migrations
      ┃  ┃  ┗ 📜__init__.py
      ┃  ┣ 📜__init__.py
      ┃  ┣ 📜admin.py
      ┃  ┣ 📜apps.py
      ┃  ┣ 📜models.py
      ┃  ┣ 📜serializers.py
      ┃  ┣ 📜tests.py
      ┃  ┣ 📜urls.py
      ┃  ┗ 📜views.py
      ┣ 📂resume
      ┃  ┣ 📂migrations
      ┃  ┃  ┗ 📜__init__.py
      ┃  ┣ 📜__init__.py
      ┃  ┣ 📜admin.py
      ┃  ┣ 📜apps.py
      ┃  ┣ 📜models.py
      ┃  ┣ 📜serializers.py
      ┃  ┣ 📜tests.py
      ┃  ┣ 📜urls.py
      ┃  ┗ 📜views.py
      ┣ 📂user
      ┃  ┣ 📂migrations
      ┃  ┃  ┗ 📜__init__.py
      ┃  ┣ 📜__init__.py
      ┃  ┣ 📜admin.py
      ┃  ┣ 📜apps.py
      ┃  ┣ 📜authentication.py
      ┃  ┣ 📜backends.py
      ┃  ┣ 📜models.py
      ┃  ┣ 📜serializers.py
      ┃  ┣ 📜tests.py
      ┃  ┣ 📜urls.py
      ┃  ┗ 📜views.py
      ┣ 📜docker-compose.yml
      ┣ 📜Dockerfile
      ┣ 📜manage.py
      ┗ 📜requirements.txt
    
  

👨‍👩‍👧‍👦 Members

Profiles
Name 신수진 박수연 송새로찬
Position Team Leader
Frontend
Backend
Backend

Popular repositories Loading

  1. AI-Interview AI-Interview Public

  2. Frontend Frontend Public

    TypeScript

  3. Backend Backend Public

    Python

  4. .github .github Public

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…