Lifemanager v5.1.0

🌟 서비스 소개

⏱ 하루동안 한 일을 기록하면 유용한 정보들을 시각화해서 보여주는 웹 어플리케이션 ⏱

배포 : https://lifemanager.pkiop.me

개발 배경

WIKI

🌟 주요 기능

👌 로그인

• 구글 계정으로 OAuth인증을 통해 로그인 할 수 있습니다.
• AWS의 cognito를 이용해서 인증하고 앱에 할당된 AWS 리소스 접근권한을 얻습니다.

1. cognito의 소셜로그인 활용 인증 및 로그인

2. 해당 인증 정보로 앱 AWS 리소스 접근

👌 메인 페이지

🧐 날짜 선택

• 확인하고 싶은 날짜를 선택합니다.

🧐 로그아웃

• 로그아웃 버튼을 눌러 로그아웃 할 수 있습니다.

🧐 목표와 진행상황 확인

• 사용자별로 설정한 목표에 따라 진행상황 / 목표까지 남은 시간을 계산한 결과를 보여줍니다.

🧐 카테고리별 진행상황 시각화

• billboard.js 라이브러리 활용해서 카테고리별로 지정한 색에 따라 한눈에 진행상황 확인할 수 있도록 파이 그래프를 보여줍니다.

🧐 기록 확인

• 로그인한 유저 & 선택한 날짜에 해당하는 기록들을 보여줍니다.

🧐 기록 입력

• 하단 바의 + 버튼을 눌러 기록을 추가할 수 있습니다.
• 제목, 시작시간, 종료시간(선택), 카테고리, 활용한 시간인지 여부를 입력하고 Add Recode를 클릭하면 기록이 추가됩니다.
• 잘못된 입력에 대해서 에러메세지를 보여줍니다.

🧐 기록 수정 및 삭제

• 수정을 원하는 기록을 클릭하면 해당 기록을 수정할 수 있습니다.
• Delete 버튼을 눌러 기록을 삭제할 수 있습니다.

🌟 배포

• pkiop.me DNS를 Route53으로 설정한 후 배포 S3에 연결된 CloudFront로 보내도록 설정합니다.
• CloudFront에서 SSL 인증을 해서 https로만 앱에 접근 가능하도록 합니다.
• S3의 Static Web Hosting을 이용해서 Frontend 앱을 배포합니다.
• 앱에서 인증 / DB데이터 조작이 필요할 때마다 AWS Cognito, AppSync 서비스를 활용해서 해당 기능을 이용합니다.

History

v1.5.1
v2.0.0
v3.0.0
v4.0.0