안녕하세요. 최근 연인과 이별을 겪으면서, 그 경험을 의미있는 것으로 만들고 싶어 Healing Diary 프로젝트를 시작했습니다.

링크

주요 기능

  1. 감정 일기 작성
  • 자유로운 일기 작성
  • AI가 일기 내용을 분석하여 긍정적 순간, 활동 기록, 감정 상태를 자동으로 추출
  • 작성된 내용은 LocalStorage 에 저장 (로그인 불필요)
  1. 회복 타임라인
  • 일기 내용을 바탕으로 자동 생성되는 감정 여정 타임라인
  • 시간의 흐름에 따른 감정 변화 시각화
  • AI 기반의 회복 패턴 분석 제공

저는 평소 Node.js 백엔드 개발자로 일하고 있어서 프론트엔드 경험이 거의 없었습니다(기본적인 HTML, JS 지식 정도).
이번 기회에 최신 프론트엔드 기술들을 공부하면서 개발했습니다.

이틀 동안 밤을 새가며 Next.js, React 문서를 보면서 맨땅에 헤딩(?)하듯 코드를 작성했습니다.
처음 접하는 프론트엔드 개발이라 수많은 시행착오를 겪었지만, 그 과정 자체가 저에게는 좋은 치유의 시간이 되었던 것 같습니다.

프론트엔드 개발이 처음이라 코드가 다소 난잡할 수 있습니다.
프론트엔드 개발자분들의 피드백을 환영합니다. 더 나은 코드를 위한 조언이나 PR 모두 감사하게 받겠습니다.

부정적인 감정을 창의적으로 발산하는 능력은 정말 유니크하고 좋은 것 같습니다. 응원하겠습니다!

처음 프론트엔드 개발임에도 깔끔한 UI 네요!

답글 남겨주셔서 감사합니다!

UI 디자인의 경우 shadcn ui와 tailwind css 를 사용했습니다.

추가적으로 코드나 기능적인 부분에서 피드백 주실 사항이 있으시다면 남겨주시면 감사하겠습니다!