Skip to content

[하나은행]디지털하나로 첫번째 팀프로젝트 "HwaChang"

Notifications You must be signed in to change notification settings

yoounyoungheon/HwaChang

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

🌟 화창

화창은 은행원과 고객이 비대면으로 창구 업무를 간편하게 처리할 수 있는 플랫폼입니다. 고객과 행원이 각각의 디지털 공간에서 효율적으로 소통하며 상담을 진행할 수 있도록 돕는 서비스를 제공합니다.


🎯 주요 기능

  • 고객과 행원이 전용 화면을 통해 비대면 업무를 처리
  • 실시간 상담화면 공유 기능 지원
  • 상담 후 후기 작성 및 기록 검색 기능 제공

🧑🏻‍💻 팀원 구성

윤영헌 김동은 김인영 유유정 이수민 임수진 함형주








⚒️ 기술 스택

Frontend

Application Headless UI & Atomic Socket State

Backend

Application Security Infra CI/CD
Application Security Infra CI/CD

📋 ERD

image


📂 프로젝트 아키텍쳐

image


📋 주요 페이지

🧑‍💼 고객용 화면

1️⃣ 로그인 / 회원가입

고객이 서비스를 사용하기 위해 로그인하거나 회원가입을 진행하는 화면입니다.

2️⃣ 고객 메인페이지

로그인 후 고객이 접속하게 되는 메인 대시보드입니다.

image

3️⃣ 상담 카테고리 선택 페이지

고객이 필요한 상담 주제를 선택하는 페이지입니다.

image

4️⃣ 고객 대기 화면

상담 연결 대기 중 상태를 확인할 수 있는 화면입니다.

image

5️⃣ 상담 화면

은행원과 실시간으로 소통하며 상담을 진행하는 화면입니다.

image

6️⃣ 화면 공유 화면

은행원이 고객에게 필요한 정보를 화면으로 공유할 수 있는 페이지입니다.

image

6️⃣ 신청서 작성 화면

은행원이 고객에게 공유한 신청서를 작성할 수 있는 페이지입니다.

스크린샷 2024-12-31 오후 1 59 41

7️⃣ 후기 작성 화면

상담이 끝난 후 고객이 상담에 대한 후기를 작성하는 페이지입니다.

image

8️⃣ 상담 기록 검색 화면

고객이 이전 상담 기록을 검색할 수 있는 페이지입니다.

image

9️⃣ 상담 기록 상세보기 화면

선택한 상담 기록의 자세한 내용을 확인할 수 있는 화면입니다.

image 스크린샷 2024-12-31 오후 2 01 02 1


🏦 행원용 화면

1️⃣ 행원 메인 페이지

로그인 후 행원이 접속하게 되는 메인 대시보드입니다.

image

2️⃣ 행원 상담하러 가기 페이지

대기 중인 고객 목록을 확인하고 상담을 시작할 수 있는 페이지입니다.

스크린샷 2024-12-31 오후 1 56 46

3️⃣ 행원 대기 화면

상담 연결 대기 중 상태를 확인할 수 있는 화면입니다.

image

4️⃣ 행원 상담 화면

고객과 실시간으로 소통하며 상담을 진행하는 화면입니다.

스크린샷 2024-12-31 오후 2 40 47

About

[하나은행]디지털하나로 첫번째 팀프로젝트 "HwaChang"

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 99.7%
  • Other 0.3%