Flea-market app

Flea-market app


フリマアプリ

 トップページ
 トップページ - 商品一覧表示
 カテゴリ一覧ページ
 商品詳細ページ - いいね機能(GIF)
 商品詳細検索機能(GIF)
 商品購入ページ
 マイページ
 マイページ - カード情報更新
 マイページ - いいね一覧
 新規登録ページ
 新規登録ページ - メールアドレスで登録する
previous arrow
next arrow
 
 トップページ
 トップページ - 商品一覧表示
 カテゴリ一覧ページ
 商品詳細ページ - いいね機能(GIF)
 商品詳細検索機能(GIF)
 商品購入ページ
 マイページ
 マイページ - カード情報更新
 マイページ - いいね一覧
 新規登録ページ
 新規登録ページ - メールアドレスで登録する
previous arrow
next arrow

プログラミングスクールのチーム開発で作成した、フリマアプリです。 ER図によるデータベース設計から、EC2サーバーへのデプロイまで一通り実施しました。
本アプリは4名によるチーム開発だったため、作業分担の上、実装に取り組みました。そしてコミュニケーションにはslack、タスク管理にはTrelloを使用し、日々デイリースクラムを実施。平日は本業終了後の夜間帯に約3時間、休日は約7時間ほど費やし、3ヶ月弱程で開発を終えました。
本アプリの実装において、特に個人として意識した点は可読性に関することです。チーム開発ではメンバー同士の実装内容の可視化が重要なため、後から他メンバーが私のコードの見た際に、「どのような背景から、どのような実装をしているか」が分かるようなコードを記述するよう意識しました。具体的には、BEMの意識や、リファクタリングの実施。またコントローラとモデルの使い分け、サーバーサイド側で複雑処理を行った場合は、簡潔にコメントアウトで概要を記載することなどを行いました。




主な機能
新規登録/ログイン機能、商品の一覧表示、商品の出品機能、商品内容の編集/削除、商品の検索機能、商品の購入機能、コメント機能、カテゴリ機能、お気に入り機能

担当業務
マークアップ
トップページ、カテゴリ一覧・詳細ページ・共通検索フォーム、検索結果ページ

サーバーサイド
・商品一覧表示
トップページ/商品一覧
・カテゴリ機能
共通ヘッダー/カテゴリメニュー表示、カテゴリ一覧ページ/スクロール、商品購入ページ/カテゴリ選択
・お気に入り機能
商品詳細ページ/いいねボタン、マイページ/お気に入り一覧
・商品検索機能
検索結果ページ/詳細検索


担当業務
マークアップ トップページ、カテゴリ一覧・詳細ページ・共通検索フォーム、検索結果ページ
サーバーサイド 商品一覧表示: トップページ/商品一覧 カテゴリ機能: 共通ヘッダー/カテゴリメニュー表示、カテゴリ一覧ページ/スクロール、商品購入ページ/カテゴリ選択 お気に入り機能: 商品詳細ページ/いいねボタン、マイページ/お気に入り一覧 商品検索機能: 検索結果ページ/詳細検索

言語、環境等
Ruby、Ruby on Rails、JavaScript、jQuery、MySQL、Amazon Linux、Git、GitHub、AWS、Visual Studio Code、Slack、Trello


制作期間
2020/6 – 2020/8(3ヶ月)


GitHub
https://github.com/munerin2011/fleamarket_sample_73b