はじめに
・この記事はポートフォリオとして開発した、岡山県内のジム検索サービス「Gymseek」の紹介記事です。
・現在はAWSの無料会員期間終了のため、サービスを閲覧することはできません。
目次
- 自己紹介
- 利用方法
- 使用技術
- AWS構成図
- 機能一覧
- ER図
自己紹介
初めまして!
私は、元消防士の駆け出しエンジニアです。
29歳で岡山→東京へ上京しました。
エンジニアとして働き始めて1ヶ月が経ちましたので、ここらで転職用に開発したポートフォリオを記録に残しておこうと思い、初めて記事を書かせていただきました。
利用方法
トップページの「さっそくジムを探す」から、すぐに自分に合った条件でジムを探すことができます。
詳細検索機能を使って、自分に合ったジムを探すこともできます。
検索したジムをクリックすると、ジムの詳しい情報や、GoogleMapでジムの場所を確認することができます。
(GCSの期限切れ?のため綺麗に表示されませんでした)
アカウント登録することで、自分のお気に入りのジムを登録することができます。
使用技術
-
フロントエンド
HTML/CSS
javascript
Bootstrap 4.3.1 -
バックエンド
ruby 2.5.1
Rails 5.2.4
Google Maps API -
インフラ
Docker/docker-compose
nginx
mysql 5.7
AWS(EC2, RDS, ROUTE53, S3, VPC) -
その他使用ツール
Visual Studio Code
draw.io(ER図作成)
MySQL Workbench(AWS構成図作成)
AWS構成図
機能一覧
-
ログイン機能(device)
アイコン設定
ゲストログイン
メール送信によるパスワード再設定 -
ジム検索機能(ransack)
-
アイコン画像保存(carrywave, S3)
-
口コミ機能
-
ページネーション(kaminari)
-
Google Maps API
-
画像リサイズ(Minimagick)
-
静的ページ表示(high_voltage)
-
テスト(Rspec, rubocop)