Buildesk（ビルデスク）

https://buildesk.app

サービス概要

快適なデスク環境を構築しよう

デスク環境に興味のある人達が「便利なアイテム」や「理想の見た目」を探せる、デスク環境に特化した写真投稿サービスです。

以前のREADME

作成した経緯

プログラミングの勉強を始めた頃、デスクワークに慣れておらずとにかく身体が痛くて集中が続かないことに悩んでいました。TwitterやInstagramを開けばデスク環境の投稿が多いことを知り、次第にそれらの投稿を参考にするようになりました。しかし、それらの多くは見た目は参考になるものの、実際にどのアイテムを使っているのか、また使い心地まで分からないものが多く、どこか参考になり切らないもどかしさを感じた経験から作りました。
使っているアイテムまで紹介したいデスクにこだわりを持つユーザーと、どのアイテムを使っているのかまで知りたいユーザーの欲求を満たし、結果的にデスクワーカーの生産性が向上することを目的としています。

使用画面と機能

新規登録/ログイン	トップ	投稿一覧
メールアドレス以外にもTwitter, GoogleでのSNSで認証できる。	最新の投稿を4件表示する。 カテゴリーページに飛べるリンクや機能紹介を表示する。	2カラムでこれまでの投稿を一覧表示する。 投稿を選択すると詳細画面に遷移する。

投稿画面	投稿詳細画面	投稿詳細画面
デスク写真と一緒にアイテムも選択し登録できる。	投稿に対していいねができたり、後から見返しやすいように保存ができる。	投稿に紐づいたアイテムが表示されるほか、コメントをすることもできる。

マイページ	保存した投稿画面	アイテム詳細画面
プロフィールやこれまでの投稿、それらの投稿に紐づいたアイテムまで表示する	保存した投稿を表示する。 自分以外のユーザーには表示されない。	投稿詳細やマイページからアクセスできる。 それぞれの販売サイトにアクセスできるリンクやそのアイテムが利用されている投稿を表示する。

使用技術

フロントエンド

• jQuery　 
• Swiper  
• Bulma　 

バックエンド

• Ruby　2.6.6
• Rails　6.0.3.5
  • sorcery（ログイン）
  • ransack（検索）
  • enum_help（enumのi18n化）
  • meta-tags(タグ設定)
  • hanmoto（パブリックページの生成）
• rakuten_web_service（外部API）

インフラ

• AWS
  • EC2
  • S3
  • CloudFront
  • RDS
• puma
• Nginx

画面遷移図

• https://xd.adobe.com/view/b78a14ae-708f-4ed6-8012-19908c2384f0-e2d9/

ER図

• https://drive.google.com/file/d/1DXEMqbS_7hjjPsu6FCg9g8Q03sJmMHBi/view?usp=sharing