フリマサイト のクローン

OVERVIEW

チーム開発 メンバー:4人で開発しました。

githubURL:https://github.com/moayuakoa/freemarket_sample_74c/blob/master/README.md

こちらのREADMEをご覧ください。


主に携わった開発⬇︎

開発担当箇所

担当箇所一覧

  • DB設計(テーブル設計)

  • 本番環境デプロイ

  • トップページ(フロントエンド/サーバーサイド)

  • マイページ(フロントエンド)

  • 購入完了ページ(フロントエンド)

  • 商品カテゴリー機能(フロントエンド/サーバーサイド)

  • パンくず(フロントエンド/サーバーサイド)

  • イメージ画像スライド実装


  • 各担当箇所の詳細

  • DB設計

    • 概要

    ▪︎ 必要なテーブル、カラムの選定とアソシエーションの関係

    • 実施内容

    ▪︎ Lucidchartのツールを使ってER図の作成

    ▪︎ READMEにテーブルとアソシエーションを記述


  •  トップページ

    • 概要

           ▪︎ トップページのマークアップと商品の一覧表示

    • 実施内容

    ▪︎ サービス内容がわかるビューの表示

    ▪︎ 商品出品されたアイテムとカテゴリー別のデータの紐付け

    ▪︎ カテゴリー別と新着アイテムの一覧表示

    ▪︎ swiperAPIを使ってスライド画像実装


  • カテゴリ機能

    • 概要

   ▪︎ カテゴリー一覧画面の作成各カテゴリに属する商品の表示

   ▪︎ ドロッ プダウンメニューの作成中

    • 実施内容

   ▪︎ ancestryのgemを使った経路列挙型テーブルの作成

   ▪︎ 各カテゴリページの作成

   ▪︎    各カテゴリに属する商品の取得及び表示

   ▪︎ カテゴリーのドロップダウン 表示作成


  • ユーザーマイページ

    • 概要

         ▪︎ ユーザーが編集やログアウトできるページ

    • 実施内容

    ▪︎ マイページのビューとログアウトできるページを作成


  • パンくずリスト

    • 概要

         ▪︎ gretelのgemでページの視覚化

    • 実施内容

    ▪︎ パンくずリストのルート作成及び設置


  • 購入完了ページ

    • 概要

         ▪︎ ユーザーが商品購入を確認できるページ

    • 実施内容

    ▪︎ 商品購入完了ページ作成


WEBSITE