ショッピングサイトのクローンアプリ制作

OVERVIEW

会員制のECサイト。商品登録、編集、削除、購入までできます。※GitHubを用いてチーム開発を行いました。

YEAR 2019

※アプリの利用には IDとパスワードが必要です。

2019年11月、プログラミングスクールの卒業制作

開発環境:Ruby, Ruby on Rails, HTML, Sass,Javascript,Jquery,AWS

担当箇所:
【フロントエンド】
1.トップページ全体のマークアップ(画像下)

2.商品購入確認ページ マークアップ(画像下)

【バックエンド】
1.商品一覧表示
 出品ページにより出品された商品をデータベースからトップページへ新着順で表示。

2.SNSユーザー新規登録/ログイン機能
 facebook,Googleのアカウントを使用し、SNS認証によるログイン機能を実装。

3.商品購入後のステータス(売り切れ表示)を機能の設定
 購入された商品が【sold】表示に切り替わるように実装。また購入ができないようにボタンを購入ボタンを非表示に設定。

4.パンくずリスト機能追加
 該当するページにパンくず機能を追加


WEBSITE