2
Help us understand the problem. What are the problem?

posted at

脳筋が岡山県内のジムを検索するサービスを開発しました(ポートフォリオ、Rails+AWS+Docker)

はじめに

・この記事はポートフォリオとして開発した、岡山県内のジム検索サービス「Gymseek」の紹介記事です。
・現在はAWSの無料会員期間終了のため、サービスを閲覧することはできません。

150344970-bab35ab6-8556-427d-9775-44233e3da39a.png

目次

  • 自己紹介
  • 利用方法
  • 使用技術
  • AWS構成図
  • 機能一覧
  • ER図

自己紹介

初めまして!
私は、元消防士の駆け出しエンジニアです。
29歳で岡山→東京へ上京しました。

エンジニアとして働き始めて1ヶ月が経ちましたので、ここらで転職用に開発したポートフォリオを記録に残しておこうと思い、初めて記事を書かせていただきました。

利用方法

トップページの「さっそくジムを探す」から、すぐに自分に合った条件でジムを探すことができます。

スクリーンショット 2022-05-03 5.57.54.png

詳細検索機能を使って、自分に合ったジムを探すこともできます。

スクリーンショット 2022-05-03 6.24.48.png

検索したジムをクリックすると、ジムの詳しい情報や、GoogleMapでジムの場所を確認することができます。

スクリーンショット 2022-05-03 6.27.13.png

(GCSの期限切れ?のため綺麗に表示されませんでした)

スクリーンショット 2022-05-03 6.27.36.png

アカウント登録することで、自分のお気に入りのジムを登録することができます。

スクリーンショット 2022-05-03 6.41.26.png

使用技術

  • フロントエンド
    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構成図

AWS構成図.png

機能一覧

  • ログイン機能(device)
    アイコン設定
    ゲストログイン
    メール送信によるパスワード再設定

  • ジム検索機能(ransack)

  • アイコン画像保存(carrywave, S3)

  • 口コミ機能

  • ページネーション(kaminari)

  • Google Maps API

  • 画像リサイズ(Minimagick)

  • 静的ページ表示(high_voltage)

  • テスト(Rspec, rubocop)

ER図

ER図.png

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
2
Help us understand the problem. What are the problem?