ONSEN GOODS開発記録 No.1

に公開

はじめに

今回、自分の趣味の温泉巡りの中で、こんなサイトあったらいいなという思いで温泉の情報をまとめ、それに対しての評価をユーザーがつけることができるというようなWebアプリの開発をスタートした。

今日の成果

使用するフレームワーク・データベース

今回使用するものは基本的に下記のとおり、必要応じて追加していく。選んだ理由は、「無料で使えるから」または「触ったことがあるから」。

  • クライアントサイド
    React+vite

  • サーバーサイド(api)
    Express.js

  • データベース
     SQLite

アプリの持つ機能

登録された温泉をホームページで一覧で表示。
温泉の名前・画像をクリックすることで詳細ページに遷移。
詳細ページからその温泉に対しての評価、コメント追加ページに遷移。
どこのページからでもホームに戻れる。

ディレクトリ構成

ディレクトリ構成の構想は以下の通り

APIレスポンスデータ

データベース設計

hot_splingsのなかに各温泉の基本情報、ratingのなかにユーザーによる温泉の評価を保存する。正直ここがミソになると思う。がんばります。
データベーステーブルはhot_splingまでやった。

続きはratingのテーブル設計から

Discussion