EC動画サイト みるポチ！
YOUTUBERの新しい活躍の場！ 動画を見れば、お気に入りの商品をその場ですぐに購入できるECサイトです。
URL
※テストカードによる決算処理も可能です。
カード番号： 4242424242424242
有効期限： 3/23
セキュリティーコード： 123
デモ
製作の背景
①インターネットで商品を購入して、『思っていたものと違う』と思ったことはありませんか？ そんな問題を解決するアプリです 実際に動画を見て購入することで、商品の詳細をより詳しく確認して購入することができます。
②私は動画編集を勉強しながらYOUTUBERとして活動していました。 その時に感じたことが、YOUTUBEを始めたばかりの人の動画は、頑張って製作しても動画を見てもらうことが 難しく、他にもYOUTUBERの活躍できる場所があればいいなと思っていました。
このような経験から、『同じような悩みを抱えている人がいるのではないか？』と思い、このアプリを完成させました。
環境・使用技術
フロントエンド
・HTML/CSS
・JavaScript
・jQuery
・Bootstrap
バックエンド
・Ruby ２.６.5
・Rails６.０.3
Webサーバー
・Nginx：１．１８.0
アプリケーションサーバー
・（開発環境） Puma：４.３.3
・（本番環境） Unicorn：５.４.１
データベース
・（開発環境） MySQL：５.６.４７
・（本番環境） MySQL：５.６.４７
インフラ
・AWS（EC2、S3）
・Git,GitHub
・Capistrano：３.14.1
機能一覧
①記事関連
一覧表示機能
詳細表示機能
削除機能
編集機能
人気記事一覧表示機能
キーワード検索機能
いいね機能
動画表示機能
動画アップロード機能
カテゴリー別表示機能
YOUTUBEチャンネル遷移機能
②ユーザー関連
登録機能
編集機能(アドレス・パスワード)
マイページ機能
ログイン・アウト機能
いいね一覧機能
③コメント関連
投稿機能
機能詳細
・YOUTUBEのチャンネル登録者を増やすために、URLからYOUTUBEのチャンネル情報を取得可能
・背景に動画を表示することでインパクトのあるTOPページにした
・購入画面では、動画を見てすぐに購入できるようなデザインを意識した
・YOUTUBE以外の動画もアップロードできるように配慮
・プロフィール機能では、自分がいいねをつけた記事が表示可能
・動画検索機能
・モデル単体テストコード記述
ER図
画面遷移図
Author
- 作成者 sinamon2719
- 所属 TechCamp
- E-mail okigeisai2012@yahoo.co.jp
License
ライセンスを明示する
"sinamon2719" is under MIT license.