フリマサイト

OVERVIEW

チーム開発で制作したフリマアプリです。

YEAR 2020

URL : http://18.177.45.198/

■ Basic認証

     ID : admin

     PW : abc1

■ テスト用アカウント

  Email : abcdef@abc.abc

    PW : a111111

 ※Facebook/Googleでのログインはローカル環境のみ

■ 出品者用

    Email:aabbcc@aaa.aaa

    PW:b111111

■ 購入用カード情報

     番号:4242424242424242

     期限:12/2022

     セキュリティカード:123


開発状況

■ 開発環境

Ruby / Ruby on Rails  / Haml / Scss / Javascript / Ajax / MySQL / Github / AWS / VS Code

■ 期間

 開発期間 : 7/21-8/10 (土日を除く15日間)

 1日あたりの平均作業時間 :  約8時間


■ 開発体制

 人数 : 5名

 アジャイル型開発 (スクラム

 Trelloによるタスク管理


開発担当箇所

 担当箇所一覧と確認方法 (※項目毎の全内容を担当)

 ■ ER図・DB設計

 ■ 【サーバーサイド】ユーザー新規登録、ログイン (ウィザード形式)

 ■ 【サーバーサイド】ユーザー新規登録、ログイン (SNSのAPI)

 ■ 【マークアップ】ユーザー新規登録、ログイン (ウィザード形式)

 ■ 【サーバーサイド】 いいね機能追加実装 (Ajaxによる非同期通信)


各担当箇所の詳細

DB設計

■ 概要

 必要なテーブル、カラムの選定

 アソシエーションの決定

■ 担当内容

 ER図作成

 各テーブル作成

 モデルへのアソシエーションの記述

 READ.MEに記入


【サーバーサイド】ユーザー新規登録、ログイン (ウィザード形式)


■ 概要

 ユーザーはウィザード形式で登録して、サービスの利用が可能となる

■担当内容

 deviseを使用し、登録内容ごとにページが遷移するよう sessionを用いて構築

 条件を満たさないと登録ができないようバリデーションを設定

 単体テストのパス


 【サーバーサイド】ユーザー新規登録、ログイン (SNSのAPI)


■ 概要

 ユーザーがSNSを用いて登録、出品や落札等のサービスの利用が可能となる

■ 担当内容

 OmniAuth,omniauth-rails_csrf_protectionというGemを使用し、APIを取得

 SNSから許可しているときは、パスワードなしで会員登録が可能になるよう

 バリデーションを設定

 SNSを使って会員登録済みの場合、SNSからの認証だけでログインが可能

 単体テストのパス


【マークアップ】ユーザー新規登録、ログイン (ウィザード形式)

■ 概要

 ユーザー新規登録/ログインページのコーディング

■  担当内容

 haml,scssを使用し、見本サイトと同様のロゴ・色彩を用いてマークアップ作業

 BEMに従い、アンパサンドを活用した省略形で記述


【サーバーサイド】 いいね機能追加実装 (Ajaxによる非同期通信)


■ 概要

 商品詳細ページにいいねボタンを設置

■ 担当内容

 同期通信での動作確認を行い、ajaxによる非同期通信を実装

WEBSITE