Stork

---

Ruby on Rails ecommerce platform hosted through Amazon Web Services. Designed and developed over week long sprint in a group of four developers.

URL: storkstore.us

Features

• Users can access their cart items across machines
• Guest users can view items, add items to cart
• Responsive display

Technologies Used

---

• HTML / CSS / SASS
• JavaScript / jQuery
• Amazon Web Services
• RSpec
• Ruby on Rails
• Materialize
• Stripe
• Devise
• Paperclip

Code Examples

---

# Order#order_total ensures total prices are accurately calculated for both
# current carts, and past orders - regardless of changes to item price
def order_total
    if open?
      order_items.map { |oi| oi.item[:price] * oi[:quantity].to_f }.reduce(0.0, :+)
    else
      order_items.map { |oi| oi[:purchase_price] * oi[:quantity].to_f }.reduce(0.0, :+)
    end
  end

# Order#merge is called when a user has added items to the cart and then logs in
def merge(order)
    return if id == order.id
    order.order_items.each do |oi|
      oi.order_id = id
      order_items.push(oi)
    end
    save
    order.delete
  end

Screenshots

---

Main Page

Cart

Item Page

Planning

---

User Flow:

• User can add items to a cart without being logged in
• When logged in,
  • User can view their profile page and past orders
  • User must be logged-in in order to checkout
  • User can enter credit card information to finalize purchase and view receipt upon completion of payment

Home Page:

• User can browse for candy on the home page
• User can add a specific candy to the cart by adding the 'Add to Cart' button
• User can specify the quantity of that candy to be added
• User can sign up for a store account via the 'Sign Up' button
• User can log in to their store account in the Nav Bar
• User can store their address (to be accessed when shipping is implemented)
• User can see how much stock remains for a certain item

Item Page:

• User can view Item name, description, stock, image
• User can add Item to cart via the 'Add to Card' button
• User can view a list of other items offered by the store
• User can go back to main store page via the 'Back' button

Cart Page:

• User can view a summary of their order
• User can view the item's page by clicking on the item name
• User can edit the amount of each item or remove item from cart
• User can empty the full cart via 'Trash' button
• User can proceed to checkout via 'Credit Card' button

Future Work:

• Mail confirmation for purchases, signup
• PDF receipts
• User login via omniauth
• Users can edit profiles
• Add item categories, brands - for searching