👩‍🏫 프로젝트 설명

번역 요청을 하고 싶은 의뢰자와 번역가를 매칭해주는 웹 어플리케이션.

의뢰자가 번역 요청을 올리고, 번역가가 할 수 있는 요청을 골라 견적서를 보내주고,
가격과 데드라인이 요청자 마음에 든다면 번역가를 확정하여 채팅을 성사시킵니다.

💿 실행 방법

$ git clone https://github.com/TranslationTalk/Front-End.git

$ npm install

$ npm run start

🙋‍♂️ 역할

• 유지수 (번역가 페이지 + 채팅기능)
  • 카카오 로그인 기능 및 로직 구현
  • 재사용 가능한 컴포넌트 제작
  • 번역가용 모든 페이지(총 9 페이지) 및 기능 작업 (UI Layout, 데이터 가공)
  • 채팅 관련 작업 (화면 구성, 마크업 및 websocket을 이용한 채팅 구현)
• 김남경 (의뢰자 페이지 + 메인페이지)
  • 메인 페이지 반응형
  • 재사용 가능한 컴포넌트 제작
  • 의뢰자용 모든 페이지(총 7 페이지) 및 기능 작업 (UI Layout, 데이터 가공)
  • 유효성검사 (회원가입, 요청form)
• 전익현 : 백앤드
• 공유미 : 디자인

🎞 시연영상

의뢰 요청

의뢰 진행/완료

메인 페이지 UI (모바일 대응)

PC 화면	모바일 화면

✨ 주요 기능

의뢰자

1. 번역 요청 기능(파일 업로드 포함)
2. 받은 견적들 내용 확인 기능(견적 대기, 진행 중, 완료된 요청 확인 기능)
3. 번역가 소개 및 리뷰 확인 및 쓰기 기능
4. 채팅기능

번역가

1. 가입 정보 입력 및 수정 기능(프로필 이미지 포함)
2. 모든 번역 의뢰 리스트 확인 기능(선택한 언어 필터링 기능)
3. 견적서 전송 기능
4. 확정 대기, 진행 중, 완료된 견적서 확인 기능
5. 채팅기능