Unduhan Magazon - Unduhan kode sumber Magazon

Magazon

Kategori lainnya

1.0.0

Unduh

Magazon

Magazon adalah aplikasi web yang terinspirasi oleh Amazon yang dibangun di atas Ruby on Rails dengan React/Redux. Magazon memungkinkan pengguna mendapatkan pengalaman berbelanja yang luar biasa. Pengguna dapat melihat produk dalam berbagai kategori. Masukkan ke dalam keranjang belanja. Perbarui alamat pengiriman dan metode pembayaran dan terakhir lakukan pemesanan. Pengguna juga dapat mengubah jumlah produk di keranjang, memeriksa daftar pesanan yang dilakukan, dan mendapatkan info detail setiap pesanan. Magazon juga memiliki daftar Item yang Baru Ditonton Pengguna serta Item yang Sering Dibeli Bersama.

Aplikasi Langsung

Fitur

tambahkan produk ke keranjang belanja - membuat produk baru di keranjang belanja atau menambah jumlah produk sebanyak satu jika produk sudah ada di keranjang belanja

 def create
  cart_product = current_user . cart . cart_products . where ( "product_id = ?" , cart_products_params [ :product_id ] ) . first
  if cart_product . nil?
    cart_product = current_user . cart . cart_products . new ( cart_products_params )
      if cart_product . save
        @cart = CartProduct . where ( cart_id : current_user . cart_id ) . order ( created_at : :desc )
        render 'api/carts/show'
      else
        render cart_product . errors . full_messages , status : 422
      end
  else
    cart_product . quantity += cart_products_params [ :quantity ] . to_i
      if cart_product . save
        @cart = CartProduct . where ( cart_id : current_user . cart_id ) . order ( created_at : :desc )
        render 'api/carts/show'
      else
        render cart_product . errors . full_messages , status : 422
      end
  end
end

tampilkan produk - jika pengguna login menambahkan produk saat ini ke daftar tontonan jika produk saat ini berbeda dari produk yang terakhir ditonton.

 def show
  @product = Product . find ( params [ :id ] . to_i )
  if current_user
  last_watched_product = current_user . watched_products . order ( created_at : :desc ) . limit ( 1 ) . first
    if last_watched_product
      unless last_watched_product . product_id == @product . id
        watched_product = current_user . watched_list . watched_products . new ( product_id : @product . id )
        watched_product . save
      end
    else
      watched_product = current_user . watched_list . watched_products . new ( product_id : @product . id )
      watched_product . save
    end
  end
end

ubah gambar utama produk dan sorot gambar yang sesuai di bagian gambar alternatif

 changeMainPicture ( e , idx ) {
  e . preventDefault ( ) ;
  this . setState ( { main_picture : this . state . product . product_pictures [ idx ] } )
}

getSmallImageClass ( pic ) {
  if ( pic . image_url === this . state . main_picture . image_url ) {
    return "small-main-image" ;
  } else {
    return "alt-product-image" ;
  }
}

render ( ) {
  if ( this . state . product . title ) {
  return (
    < div className = "product-page" >
      < div className = "product-container" >
        < div >
          < ul className = "alt-images" >
            { this . state . product . product_pictures . map ( ( picture , i ) => {
              return (
                < li key = { i } className = { this . getSmallImageClass ( picture ) } >
                  < a onMouseOver = { ( e ) => this . changeMainPicture ( e , i ) } >
                    < img src = { picture . image_url } />
                  </ a >
                </ li >
              )
            } ) }
          </ ul >
        </ div >
...