일상 속의 잔디, 나의 이야기를 키우다
일상의 작은 기록들이 잔디처럼 자라나 큰 성장으로 이어져요

우리 서비스는...

잔디일기는 일상을 기록해 소중한 순간들을 남길 수 있는 일기 서비스예요 ✨
잔디일기에서 볼 수 있는 다양한 동기부여 요소와 함께 꾸준한 일기 작성을 도모하며
그 과정에서 성장하는 나 자신을 지켜볼 수 있어요 🍀

성장을 위해 기록해요

변화와 성장이 함께 하는
나만의 스토리를 완성할 수 있어요

꾸준히 잔디를 심고 리워드를 획득해요

받은 리워드로 테마 상점에서
다양한 아이템을 만날 수 있어요

오늘의 이야기를 다함께 공유해요

오늘의 생각, 일상, 고민 등을
다양한 사람들과 소통할 수 있어요

릴리즈 정보

• 최신 릴리즈 : v2.3.0 (09.29)
  • v2.0.0 : 2024.09.23
  • v1.0.0 : 2024.04.05
• 프로젝트 개발 기간 : 2024.02 ~
• 잔디일기 배포 링크 : https://grassdiary.site

이런 기술을 사용했어요!

프로젝트 주요 기능

RELEASE VER.2에서는 멋지고 깔끔한 디자인으로 변경되었어요!
서비스에 필요했던 기본적인 기능 및 이미지 첨부, 임시 저장, 해시태그 검색 등 다양한 기능이 추가되었어요!
모바일 반응형이 구현되었어요!

RELEASE VER.1 잔디일기 🧐

0. 인트로 페이지

• 잔디일기의 간단한 서비스 소개를 읽어볼 수 있어요.
• 헤더의 로그인, 일기쓰러가기 버튼을 통해 로그인/회원가입을 진행할 수 있어요.

1. 회원 가입 및 로그인/로그아웃

• 로그인 모달을 통해 서비스 이용약관을 확인할 수 있어요.
• 구글 계정 로그인 및 로그아웃을 할 수 있어요.

2. 메인 페이지

• 잔디일기의 전반적인 서비스와 사용자의 활동 데이터를 모아 볼 수 있어요.
• 버튼을 통해 여러 페이지로 이동할 수 있어요.
• 글감 제공을 위한 오늘의 질문, 이번 달 잔디 현황, 리워드과 같은 활동 데이터를 확인해요.

3. 작성 페이지

오늘의 일기를 작성해요! 일기를 저장하면 상세 페이지로 이동합니다.

작성페이지 상세 기능

• 질문 보기 선택: 오늘의 질문에 대해, 나만의 일기 선택에 따라 일기 글감을 위한 질문이 나타나요.
• 일기 작성: 일기 내용을 작성해요! 타이틀, 굵게, 기울이기, 색상 변경, 정렬 등 기능이 있어요.

• 수동/자동 임시 저장 기능:
  • 임시저장 및 Ctrl+S 버튼을 통해 수동 임시 저장이 가능해요.
  • 일기 쓰기 시작하면 1분에 한번씩 자동으로 임시 저장돼요.
  • 임시 저장 후 새로고침이나 페이지에 다시 들어왔을 때, 임시 저장한 데이터를 불러올 수 있어요.

• 사진 첨부: 5MB 이하의 이미지를 1장 첨부할 수 있어요.
• 해시태그: 스페이스바로 간편하게 해시태그를 입력할 수 있어요.
• 일기 공개 여부: 일기 공개 여부를 선택할 수 있어요.
• 오늘의 기분: 오늘의 기분을 선택할 수 있어요. 오늘의 기분에 따라 잔디의 명도가 달라져요!

• 리워드 알림: 작성하면 스낵바를 통해 리워드 알림 확인, 리워드 내역 페이지 이동이 가능해요.

4. 일기 상세페이지

일기 상세페이지에서 작성된 일기 내용, 해시태그, 이미지, 오늘의 기분, 댓글 등 확인할 수 있어요.

상세페이지 상세 기능

일기 설정 기능

• 비공개/공개 수정: 설정 목록에서 일기의 공개 여부를 수정할 수 있어요.

• 일기 수정하기: 작성한 당일에 한해 일기 수정을 할 수 있어요.

• 일기 삭제하기: 일기를 삭제할 수 있어요.
• 이미지확대기능: 이미지를 확대해 볼 수 있어요.

댓글 기능 및 하트(좋아요) 기능

• 하트 누르기: 마음에 드는 일기에 하트를 누를 수 있어요.
• 댓글 기능: 댓글과 대댓글을 입력할 수 있어요. 댓글은 작성/수정/삭제가 가능해요.

5. 마이페이지

사용자의 프로필,닉네임,소개글 정보와 모든 일기를 페이지네이션으로 확인할 수 있어요.

마이페이지 상세 기능

• 일기 정렬 기능: 최신순/오래된 순으로 일기를 볼 수 있어요.

• 검색 기능
  • 잔디 확인 및 검색: 올해 작성한 일기를 한눈에 확인할 수 있고 선택 시 해당 날의 일기를 검색돼요.
  • 일기 내용으로 검색
  • 해시태그 모아보기 및 검색 기능

6. 공유페이지

• 공개된 일기를 모아볼 수 있어요.
• 이번 주 인기 일기: 공개된 일기 중 좋아요 수에 따라 인기있는 일기(최대 10개)를 슬라이드 방식으로 확인할 수 있어요.
• 최신 순 인기 일기: 최신 순 공개된 일기를 무한스크롤 방식으로 확인할 수 있어요.

7. 테마상점페이지

• 받은 리워드로 원하는 잔디 색상을 구매할 수 있어요. 잔디 색 변경은 설정에서 가능해요

• 색상이 변경된 잔디를 미리볼 수 있어요

8. 설정페이지

사용자의 정보를 확인하고 변경할 수 있어요.

설정페이지 기능 상세보기

• 소개글, 닉네임을 변경할 수 있어요.

• 잔디 테마 설정에서 테마 상점에서 리워드로 구매한 잔디 테마 색상을 설정할 수 있어요.
• 회원 탈퇴를 할 수 있어요. 탈퇴 시, 사용자의 모든 활동 정보가 삭제돼요.

  프로필 이미지 수정 기능 및 기본/나이트 모드 변경 기능은 작업 중입니다!

9. 에러 발생 시, 메시지 확인

• 서비스 이용 시 발생할 수 있는 에러 및 예외에 대해 토스트, 모달, 페이지로 메시지를 확인할 수 있어요.

10. 푸터

• 잔디일기의 이용약관과 개인정보 처리방침에 대해 확인할 수 있어요.

우리 팀을 소개합니다!

RELEASE VER.2에 참여했어요

Frontend			Backend
@ccconac	@rkdcodus	@KKYHH	@HongYeseul	@chjcode
DevOps	Designer		PM
@jjaegii	@dongna16	@GwonYuGyeong	@SooYeon

RELEASE VER.1에 참여했어요

Frontend			Backend
@ccconac	@rkdcodus	@KKYHH	@HongYeseul	@chjcode	@minisyu