당신의 라이프를 기록하고, 변화과정을 대시보드로 확인해보세요 !
- 라이프기록 및 대시보드 열람 서비스
메인페이지
캘린더페이지
대시보드(한눈에보기)페이지
커뮤니티 페이지
마이페이지
-
1 메인페이지
-각 주요 서비스에 대한 상세 설명
-각각의 서비스로 이동할 수 있는 상단 고정 메뉴바 존재 -
2 마이페이지
2-1)회원가입 및 로그인 ( 마이페이지 열람 전 )
-로그인을 해야 열람 가능 : 웹서비스 내 자체 회원가입 및 구글소셜로그인 후, 프로필작성까지 완료시 완전한 로그인상태로 인정
-프로필 작성 : 닉네임,직업,한줄메세지,관심분야,목표라이프뱃지개수 등록 가능
-비밀번호 찾기 : 회원가입할때 입력했던 이메일 주소로 비밀번호 변경할 수 있는 메일이 가도록 구현
2-2) 마이페이지
-좌측 : 내가 설정한 프로필이 보여짐
-우측 : 커뮤니티에서 내가 쓴 글만 최신포스팅순으로 정렬하여 나열됨 -
3 캘린더
-캘린더 : 이전달,다음달로 넘어갈 수 있도록 실제 달력과 유사하게 구현, 현월로 default되어있음
-라이프기록 등록하기 : 라이프 제목, 라이프 시간, 라이프 카테고리, 라이프 뱃지(score) 등록 시 캘린더에 일정이 기록됨
-일별 라이프기록 확인 : 우측에 일별 기록들과 라이프뱃지 total값을 한눈에 볼 수 있도록 정렬. -
4 대시보드
-대시보드는 지난 7일간 라이프기록이 7개 이상이여야 열람 가능함
-한눈에 보기 : 대시보드 내 그래프를 한눈에 볼 수 있도록 그래프를 re-sizing하여 보여줌
-통계그래프/메세지는 크게 7개로 구성됨 ( 아래 상세 설명 )
-1) 이번달 라이프 현황: 프로필 설정 시 등록했던 목표라이프뱃지와 현재까지 모은 라이프뱃지 현황 확인 가능
-2) 뱃지 어디까지 모아봤니?: 현재 날짜로부터 지난 7일간 모든 라이프뱃지 개수를 일별로 나타냄
-3) 지난 7일간 최고의 순간!: 라이프뱃지 total값이 가장 많았던 날을 보여줌
-4) 내가 주로 즐기는 라이프는 뭐지?: 라이프뱃지 개수를 카테고리별로 정리하여 그래프로 나타냄
-5) 아 궁금해 궁금해!: 라이프 뱃지 개수당 몇개의 라이프 기록을 줬는지 알 수 있음. 도넛그래프를 활용해 갯수당 비율 쉽게 측정 가능
-6) oh!happyday!: weekday기준 ) 가장 라이프뱃지가 많았던 요일을 알 수 있음
-7) 월별 라이프 비교: 지난달과 이번달의 일별 라이프기록을 한눈에 확인 가능. 총 뱃지 개수와 평균 뱃지 개수를 계산하여 저번달과 이번달을 비교하여 조건에 따라 각기 다른 메세지를 줄 수 있도록 함.br/>
- 5 커뮤니티
-자신의 라이프기록에 대한 사진기록 및 공유 커뮤니티 서비스
-사진은 포스팅한 시간순으로 나열, 게시물 30개 이상시 다음 페이지로 넘어가도록 구현
-글 등록하기: 게시물 제목 및 사진등록하여 업로드, 글쓰기 에디터기능 탑재
-좋아요한 사진보기: 각 게시물에 대한 좋아요 버튼을 누르면 내가 좋아요한 사진들만 모아 볼 수 있는 기능 구현 (스크랩 기능과 실제 좋아요 기능 동시 구현)
-댓글달기: 각 게시물에 대한 댓글을 달 수 있음
-다른유저프로필페이지 보기: 다른 유저가 올린 게시물의 프로필을 누르면 내가 누른 유저의 프로필 페이지 열람 가능(유저의 관심분야와 닉네임,프로필 사진, 해당 유저가 쓴 글을 볼 수 있음)
고은서(팀장) : 캘린더 구현, 대시보드 내 모든 그래프 구현, 라이프뱃지 구현
박예진 : 커뮤니티 글 등록 및 스크랩 기능
옥혜원 : 로그인/회원가입의 모든 기능 , 프로필설정 , 커뮤니티 댓글기능 및 다른유저프로필 이동하는 기능 , 캘린더 내 일별 라이프 기록 확인 기능 구현
오채은 : 모든 페이지 frontend 전담
💟 _피로그래밍 13기 및 13기 운영진분들_ 정말 수고많으셨고 감사합니다!! **2020여름** 절대 잊지 않을게요 ㅠㅠ 💟