Kit-Pay 사용자 기능 소개

로그인

학번과 비밀번호를 입력한다.
비밀번호 찾기 미구현

회원 가입

금오 웹메일에 메일을 보내 인증번호를 받아 가입한다.
실제 서비스를 하게 된다면, 아마 학교 계정 정보를 받아 연동해야 할 듯

회원 정보 수정

회원 정보, 현재는 비밀번호만 수정할 수 있다.

메인 화면

현재 계좌와 거래 내역을 보여준다.
직접 개인 리눅스 서버(AWS 프리티어 수준)으로 서버를 돌려 블록체인 api 서버에서 오류가 많이 발생했다.
당시 대처 방법이 없어서 새로고침 버튼을 넣어 해당 컴포넌트에 들어갈 state만 재요청했다.

상품권 수령

QR코드로 상품권을 받을 회원의 정보를 전달한다.

상품권 전송

HTML5 카메라를 이용하는 QR scanner를 이용해서 QR코드를 인식한다.

정보를 가져와서 보낼 금액을 입력한다.

Kit-Pay 관리자 기능 소개

로그인

회원 관리

관리자는 전자 상품권을 발급, 삭제할 수 있다.
해당 사이트에서는 사용자를 삭제하고, 특정 사용자에게 상품권을 전달할 수 있다.

상세 정보를 클릭하면 다음과 같이 사용자의 상세 정보를 보여준다.

거래 내역 조회

사용자의 거래 내역을 조회한다.
날짜나 보낸 ID를 검색할 수 있다.

정산 조회

교내 판매자가 마감 후 상품권으로 거래한 금액을 정산받기 위한 페이지이다.
판매자의 지갑에서 금액을 빼낸 후 현금으로 교환한다.
은행 모듈을 구현하지는 못하였다.