[](https://github.com/Masaaki618/Insect-Food/actions/workflows/test_deploy.yml)  

# Insect-Food

<p align="center">
<a href="https://gyazo.com/6f59c3aa43d423670e9830e6c60e3ed9"><img src="https://i.gyazo.com/6f59c3aa43d423670e9830e6c60e3ed9.png" alt="Image from Gyazo" width="800"/> </a>
</p>

### **アプリURL:**

---

https://insect-food.jp/

### **サービスの概要:**

---

昆虫を食べてみたい人が診断を行い、おすすめの昆虫をレコメンドするアプリ。

### **ターゲット：**

---

- 昆虫を食べてみたいと思っているがその一歩が出ない人。
- 昆虫を食べて話題作りをしたいと思っている人。

### **仕様画面：**

---

<p align="center">

| トップ画像① | トップ画面② |
| ---- | ---- |
| [](https://gyazo.com/982e17c5aeaf87b599266b4310885cbd) | [](https://gyazo.com/352aacddaaf08b7ccb73c8834ce569b5) |
| アプリの概要を記載しています。| 昆虫を食べるメリットを記載しています。|

| 一覧画面・お気に入り画面 | 虫詳細画面 |
| ---- | ---- |
| [](https://gyazo.com/7adaa6d960347a25724af3965346b3c1) | [](https://gyazo.com/c9e691f66272a5492ed94a85eb158226) |
| 一覧、お気に入り画面から虫を探すことができます。| レーダーチャートにて虫の評価、通販サイト、食べれる店舗の紹介しています。 |

| 昆虫診断 | 診断結果 |
| ---- | ---- |
| [](https://gyazo.com/8fd79159f2f814968d84272e56d212ea) | [](https://gyazo.com/f27ed6a436e721c95271f39313511582) |
| 昆虫に関する診断を5問行います。| 診断結果に応じて虫が表示され、Twitterに共有できます。|

</p>

### **機能・特徴：**

---

- おすすめの昆虫を提供する診断機能(５問)
- ログイン·アウト
- 昆虫検索機能(ransak)
- 昆虫・お気に入りした昆虫一覧ページの実装
- 昆虫食販売店の紹介など、レーダーチャートにて総評を表示
- いいね機能
- 昆虫診断の結果をツイッターに投稿できる機能

### **画面遷移図：**

---

https://www.figma.com/file/RAZ9kzPk1hMx15SATlcLHJ/Untitled

### **ER図：**

---

[](https://gyazo.com/67297c815a4406ab815a26f11226c67e)

### **インフラ図：**

---

[](https://gyazo.com/885705803da3921f9f855b563fd40225)

### **使用技術：**

---

**バックエンド**

- Ruby 3.0.3
- Rails 6.1.6

**主な使用 Gem**

- rubocop
- sorcery
- asset_sync
- rails_admin
- cancancan
- sentry-ruby
- meta-tags

**テスト**

- rspec

**CI/CD**

- Github Actions

**インフラ**

- Docker
- Amazon S3
- Amazon Route53
- Amazon RDS
- Amazon EC2
- Amazon CloudFront
- AWS Certificate Manager
- Elastic Load Balancing