追加日:2026年04月03日(金) 03:05
Fridge Note
公開中
- https://my-runteq-graduation-works.onrender.com
- https://github.com/KurePro/my_runteq_graduation_works
概要
【目的】 一人暮らしの方向けの、冷蔵庫内の食材を管理できるWebアプリケーションです。 登録・更新が面倒という課題を解決するべく、Hotwireを用いた非同期処理とUXの工夫をしています。 【工夫した箇所】 SPAライクなアプリケーションにするべく、Hotwireを用いてモーダルウィンドウを実装し、UX向上に努めました。 また、買い物リストにチェックを入れると、自動で食材一覧ページに追加されるようにしました。 さらに、FormObjectを用いた検索機能を実装し、登録した食材が増えても目的のものをすぐに見つけられるよう、食材の名前やカテゴリー、期限による検索を可能にしました。
使用技術
Hotwire(Stimulus + Turbo)/Render/Ruby on Rails/Solid_Queue/Tailwind CSS