Coder Social home page Coder Social logo

boraoren.github.io's People

Contributors

boraoren avatar semantic-release-bot avatar

Watchers

 avatar  avatar

boraoren.github.io's Issues

Basic search

As a map shopper I'd like search for maps so that I don't have to dig through all categories

Overview

  • Searches in name and description
  • List of products
    • name
    • short description
    • image
    • price
    • order by relevance

Scenarios

  1. simple search term (one word)
  2. multiple words
  3. ...

Test

This is a test

Place order

As a map shopper I'd like to review my basket and place an order

Overview

  • Clicking on a the basket shows the contets of the basket
  • List of products in the basket
    • name
    • short description
    • image
    • price
  • Billing information
  • Shipping information
  • Place order takes to the payment page

Scenarios

  1. Empty basket
  2. Billing information rules - TODO
  3. Shipping information rules - TODO

Add to basket

As a map shopper I'd like to add the selected map to basket so that I can buy it later on

Overview

  • Product can be added to the basket from the product details page

Scenarios

  1. Happy path
  2. Same product in basket

Browse by categories

As a map shopper I'd like to browse the maps by categories so that I can discover what would be good for my purposes

Like on http://www.themapshop.co.uk/ with a better look :)

Overview

  • Category tree
    • Category name
    • Number of products in category
  • Clicking on an intermediate node folds/unfolds the node
  • Clicking on a leaf node shows the list of the products
  • Product list
    • Product name
    • Product's short description
    • Product image
    • 20 products per page

Sample tree

  • Wall maps (1293)
    • World (12)
    • USA (62)
    • Other Countries (781)
      • Europe (312)
        • Germany (23)
        • France (21)
      • Asia (491)
      • ...
  • Travel Maps
  • Tracel Guides
  • Atlases

Scenarios

  1. Category with long name
  2. Category with lots of subcategories
  3. Category with lots of products
  4. Category without products
  5. Product with long name and description
  6. Products with different image sizes

See details of selected product

As a map shopper I'd like to get detailed information about the selected map so that I can decide if it fits my needs

Overview

  • Clicking on a product on "products by categories page" shows the product details
  • Product details
    • categories
    • name
    • long description
    • image gallery - slideshow of the product's images
    • price

Something like this: wireframe

Scenarios

  1. Product with long name and description
  2. Products with different image sizes
  3. Product without a price

Picture is from "Profilewireframe" by http://www.flickr.com/people/doos/ - http://www.flickr.com/photos/doos/3931846833/. Licensed under Creative Commons Attribution 2.0 via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:Profilewireframe.png#mediaviewer/File:Profilewireframe.png)

Pay on delivery

As a map shopper I'd like to pay the bill with cash on delivery

Overview

  • The simplest solution for accepting payments

Scenarios

  1. TODO

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.