Skip to content
@Haru-Mail

HaruMail

기록 습관 형성을 돕는 일기 메일링 서비스 📩

매일 저녁 8시, ⏰

새로운 주제로 스스로 돌아보는 시간을 가져보세요!

  • ✉️ 매일 저녁 8시, 오늘의 주제를 메일로 받아요
  • 📒 에디터를 통해 자유롭게 일기를 작성할 수 있어요
  • 🏷️ 태그로 일기를 정리하고, 쉽게 검색할 수 있어요
  • 🔒 구독자 전용 서비스로, 오롯이 나만의 공간을 제공해요

기술 스택

기능 소개 및 시연 영상

✅ 구독 기능

- 메일 수신 빈도 선택 및 메일 수신 동의

- 회원가입을 위해서는 메일 수신 동의가 필요

- 동의를 해야 구독하기 버튼 활성화

🔐 구독자 전용 로그인

- 구독자만 로그인 가능

- 사용자가 이메일 입력 ☞ 구독 여부 확인 후 로그인 가능

- 구독하지 않은 메일일 경우: 구독을 진행한 후 로그인

1.mp4

🎉 구독 확인 메일

- 사용자가 하루 메일 서비스에 최초로 구독했을 때,

확인을 위한 구독 환영 메일이 발송

- 메일에는 서비스 소개와 함꼐 일기 작성 유도 메세지가 포함

❓ 일기 주제 소개 메일

- 사용자가 설정한 메일링 주기에 맞춰 오후 8시에 주제 메일이 발송

- 메일에는 오늘의 일기 주제와 주요 기능 바로가기 포함

- 메일 내 버튼 클릭 시, 바로 일기 작성 페이지로 이동 가능

2.mp4

🎷 일기 작성

- 사용자는 제목을 설정하고, 일기를 자유롭게 작성할 수 있음

- 일기는 Editor.js 기반 블록 에디터 사용

- 체크리스트, 텍스트 서식 변경, 이미지 삽입 등 다양한 요소 활용 가능

🏷 태그 추가 기능

- 사용자는 자신이 작성한 일기에 태그를 추가할 수 있음

- 태그는 6개의 카테고리로 분류되며, '기타' 카테고리에서는 커스텀 태그 생성 가능

- 최대 10개까지 태그 선택 가능

3.mp4

📘 일기 목록 페이지

  

  • 사용자는 작성한 일기 목록을 확인할 수 있습니다.
  • 일기는 년도/월별로 정렬되어 있으며, 화살표 버튼을 이용해 원하는 날짜로 이동할 수 있습니다.
  • 특정 일기 카드를 클릭하면 해당 일기의 상세 보기 페이지로 이동합니다.

📖 일기 상세 보기

  

  • 사용자가 선택한 일기의 내용과 태그를 확인할 수 있습니다.
  • 뒤로가기 버튼 클릭 시 이전 화면으로 이동합니다.
4.mp4

🔍 일기 검색

  

  • 태그 기반 검색 기능을 제공하며, 사용자는 최대 5개의 태그를 선택할 수 있습니다.
  • 선택한 태그는 태그를 클릭하거나 "❌" 버튼을 눌러 삭제할 수 있습니다.
  • 검색 결과는 연도/월별로 내림차순 정렬되며, 일기 카드 클릭 시 상세 보기 페이지로 이동합니다.
5.mp4

🎷 뚝딱뚝닥 만든 사람들!

AYEOOON caeyon
BE, FE BE, FE

Pinned Loading

  1. Haru-Mail-Backend Haru-Mail-Backend Public

    기록 습관 형성을 돕는 하루 메일 ✉ - Backend

    Java 2

  2. Haru-Mail-Frontend Haru-Mail-Frontend Public

    기록 습관 형성을 돕는 하루 메일 ✉ - Frontend

    TypeScript 2

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…