5 ポイント 投稿者 mansukim1125 2024-12-29 | 4件のコメント | WhatsAppで共有

こんにちは。最近、恋人との別れを経験し、その体験を意味のあるものにしたいと思って Healing Diary プロジェクトを始めました。

リンク

主な機能

  1. 感情日記の作成
  • 自由に日記を作成
  • AI が日記の内容を分析し、ポジティブな瞬間、活動記録、感情状態を自動で抽出
  • 作成した内容は LocalStorage に保存(ログイン不要)
  1. 回復タイムライン
  • 日記の内容をもとに自動生成される感情の旅路タイムライン
  • 時間の流れに沿った感情の変化を可視化
  • AI ベースの回復パターン分析を提供

私は普段 Node.js バックエンド開発者として働いており、フロントエンドの経験はほとんどありませんでした(基本的な HTML、JS の知識がある程度)。
今回の機会に最新のフロントエンド技術を学びながら開発しました。

2日間徹夜しながら Next.js、React のドキュメントを見て、手探りでコードを書きました。
初めてのフロントエンド開発だったので数多くの試行錯誤を経験しましたが、その過程自体が私にとって良い癒やしの時間になったように思います。

フロントエンド開発は初めてなので、コードがやや雑然としているかもしれません。
フロントエンド開発者の皆さんからのフィードバックを歓迎します。より良いコードのためのアドバイスや PR もありがたく受け取ります。

4件のコメント

 
jujumilk3 2024-12-30

ネガティブな感情を創造的に発散する力は本当にユニークで素晴らしいと思います。応援しています!

 
mansukim1125 2024-12-30

ありがとうございます!

 
excovert 2024-12-29

初めてのフロントエンド開発にもかかわらず、すっきりしたUIですね!

 
mansukim1125 2024-12-29

返信を残してくださってありがとうございます!

UIデザインについては、shadcn uiとtailwind cssを使用しました。

さらに、コードや機能面でフィードバックいただける点がありましたら、残していただけるとありがたいです!