Serve (アプリケーション概要)

Serve(サーブ)は好みのコーヒーやコーヒー豆の情報をメモ感覚で投稿するアプリケーションです。
「商品名」「ショップ名」などとともに、「淹れ方」など詳細まで記録できます。
レスポンシブ対応しております。(確認しておりますが、表示崩れなどある場合はすぐに修正いたします。)

URL

https://serve-l6h3.onrender.com
ゲストログインで機能が利用できます。(ログインページに記載)
起動時に1分程度かかる場合があります。

イメージ動画

https://www.youtube.com/watch?v=LkhOBC_12lo

使用技術・機能一覧

使用技術

フロントエンド

• HTML
• CSS(SCSS)
• JavaScript
• jQuery
• Bootstrap

バックエンド

• Ruby 3.1.4
• Ruby on Rails 7.0.4

データベース・ストレージ

• PostgreSQL (データベース)
• Amazon S3 (画像アップロード)

インフラ

• Docker / Docker-compose
• Mailgun (メール送信)

デプロイ

• render
  現在デプロイはマニュアルで行なっています。

その他

• Docker / docker-compose
• Mailgun (メール送信)
• Git / GitHub
• Visual Studio Code (エディタ)

機能一覧

• ユーザー登録 / ログイン機能
• フォロー機能
• 投稿機能
• ブックマーク機能
• 検索機能(投稿)
• 問い合わせ機能 ( ActiveModel )
• メール送信機能
• 認証機能
• ページネーション機能 ( kaminari )
• アカウント有効化機能
• パスワード再設定機能

今後採用したい技術・機能

• 画像トリミング機能
• MySQL
• AWS( Route53 / EC2 / RDS)
• Nginx
  独自ドメインや常時SSL化などインフラ関連知識を学ぶため
• RSpec
• CircleCI ( CI/CDパイプライン )
  テスト駆動開発を採用できるようになるため

工夫した点

ブックマーク機能はRailsチュートリアルのTurboを応用して実装しました。
ブックマーク一覧表示は別途indexビュー等を用意せず、投稿一覧表示と同じ形式でマイページに表示できるようにしました。
BootstrapのTabでページ内の表示を切り替え、パーシャルでページ遷移を行わずに一覧表示できるように工夫しました。
投稿一覧ページでのブックマークは、一部がうまく機能しなかったため、投稿詳細ページからのみ可能としています。
今後の課題は一覧ページからのブックマーク機能の実装です。

苦労した点

問い合わせページの実装ではデータベースに保存をしない「ActiveModel」を採用しました。
またアクション名を任意にすることで、ビューの表示をわかりやすくしました。
データベースに保存をしないため、アクションやビューでの引数の渡し方、form_withの記述エラーに苦労しました。
調べて解決する力が高まり、理解もより一層深まりました。

制作背景・目的

自分が自宅でコーヒを飲むことが多く、今までに飲んだコーヒ豆をわかりやすく記録したいと思ったこと。
さらに他の人がどんな豆を飲んでいるのか知りたい、同じ思いの人いるはずだと思い、作成に至りました。
新たなコミュニティの作成が大きな目的です。