Giter Site home page Giter Site logo

freemarket_sample_62a's Introduction

README

Description

フリマアプリ【メルカリ】のクローンサイト。 誰でも簡単に売買が楽しめるフリマアプリ機能を再現しています。 ユーザー登録、出品、購入機能を再現しています。

DEMO

ER図(DB設計) https://gyazo.com/80ad57b27634a4fb10d7852a7533f4fa

トップページ https://gyazo.com/5d9e5aacbf84e2b858a57faa4aac2c2f

マイページ一覧 https://gyazo.com/59311c82c51e91cfa5f0421d23aae026

出品一覧ページ https://gyazo.com/d4abe2e0fe43860b11642a2b9418f864

商品購入画面 https://gyazo.com/2e3f5d2576c4a503cfdb88bde8cf8ee9

商品詳細ページ https://gyazo.com/9ca15722253b74a0fe9fe9bd1faa4c82

会員情報入力画面 https://gyazo.com/7fef038be95b1fa8b9b47212bf1cf83a

Features

  • HAML/SASS記法とBEMの命名規則に基づいたマークアップ
  • SNS認証に基づく新規登録、ログイン機能
  • ajaxを使用した非同期通信
  • RSpecを使った単体テスト
  • AWS EC2へのデプロイ
  • ActiveStorageを使用しAWS S3への画像アップロード
  • pay.jpによる購入処理
  • グレーテルgemを使用したパンくず機能
  • Jqueryによるスライド・モーダル機能

Requirement

  • Ruby 2.5.1
  • Rails 5.2.3

Installation

Author

6名によるチーム開発

  • keitaro hirano
  • hideaki takahashi
  • koudai hori
  • masaki murakami
  • daisuke sakurada
  • masatoshi muraoka

DB設計

usersテーブル

Column Type Options
email string null: false, unique: true
encrypted_password string null: false
nickname string null: false
birthday date null: false
tel string null: false
self_introduction text
point integer
reset_password_token string
reset_password_sent_at date
remember_created_at date
zip string
prefecture string
city_name string
block_name string
bill_name string
last_name string null: false
first_name string null: false
last_name_kana string null: false
first_name_kana string null: false

Association

  • has_many :products, dependent: :destroy
  • has_one :myaddress, dependent: :destroy
  • has_many :sns_credentials, dependent:destroy
  • has_one :card

myaddressesテーブル

Column Type Options
last_name string null: false
first_name string null: false
last_name_kana string null: false
first_name_kana string null: false
zip string null: false
prefecture string null: false
city_name string null: false
block_name string null: false
bill_name string
tel string
user_id integer foreign_key: true, null: false

Association

  • belongs_to :user

productsテーブル

Column Type Options
description text null :false
name string null: false
price integer null: false
delivery_charged integer null: false
delivery_days integer null: false
sales_status integer null: false
delivery_way integer null: false
user_id integer foreign_key: true
category_id integer foreign_key: true, null: false
size_id integer
status_id integer default: 1
brand string
prefecture_id integer null:false

Association

  • belongs_to :user
  • belongs_to :category
  • belongs_to :status
  • belongs_to :size
  • belongs_to_active_hash :prefecture
  • has_many :images, dependent: :destroy

imagesテーブル

Column Type Options
image string null: false
product_id integer foreign_key: true, null: false

Association

  • belongs_to :product

statusesテーブル

Column Type Options
status string null: false

Association

  • has_many :products

sizesテーブル

Column Type Options
size_name string null: false
size_tag integer

Association

  • has_many :products

categoriesテーブル

Column Type Options
name string null: false
ancestry string foreign_key: true, null: false
size_tag integer

Association

  • has_many :products

sns_credentialsテーブル

Column Type Options
provider string
uid string
user_id integer foreign_key: true

Association

  • belongs_to :user

addressesテーブル

Column Type Options
prefecture_id integer
city string

Association

  • belongs_to_active_hash :prefecture

freemarket_sample_62a's People

Contributors

kooo0401 avatar hirakei1203 avatar gennsenntmt avatar sakuradauverworld avatar muracchi1582 avatar masakimurakami11 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.