MONEY TREE

Implement a template for e-commerces, focus on basic functionalities by using angular, angular material, bootstrap design and firestore.

Demo built by this template

Material Design Framework:

1. MDB pro (pricy)
2. Material Design for Bootstrap
3. Bootstrap
4. Nebular

INITILIZE_APP allows website does some process before load the whole page. good for authentication phase

CanActive is good for preventing user from certain pages

### new UI Framework: https://semantic-ui.com/elements/step.html#step

Admin page has been deprecated, find repo here

why user gives up checkout

61%: Extra costs (shipping, taxes, fees) were too high
35%: Didn’t want to create an account
27%: The checkout process was too long or complicated
24%: Couldn’t see or calculate total order cost up-front
22%: Reported the website had errors or crashed.
18% Didn’t trust the online store with their credit card information
16%: Delivery timeline was much too slow
10%: Didn’t believe the returns policy to be fair or satisfactory
8%: Didn’t see their preferred method of payment
.5%: Their credit card was declined

For multi-vendor website, each seller has its own admin page

TODO:

1. Third party payment service.
   • Paypal
   • Master/Visa
   • WeChat/Alipay
2. Admin page
   • Add coupons
   • Add rules for tax, shippings
   • Login page for admin
   • Modify orders
   • Chart/diagram allow user visualize its business
3. Products
   • Responsive products card
   • Show products by different categories/constraints
   • Redesign user scheme, if admin change products details, products in user cart will not updated!!!!!!!!!
4. Cart
   • Show numbers if user add same products multiple times
   • Guest cart
   • Registered user has its own cart
     – If user update its cart without logging, its shopping cart shoule be updated once user login.
5. Checkout
   • 14. Diasble form submit button!!!!!!!! in everywhere(check out page)
   • 15. In checkout page, set radio button to preset value
   • 16. Checkout page need to be fix, checkout flow is in urgent!!!
   • Not logged in
     • link button to loggin page
     • must login before checkout

     <li>
       logged in but empty address <ul dir="auto">
         <li>
           debug
         </li>
       </ul>
     </li>
     
     <li>
       logged in with address <ul dir="auto">
         <li>
           implement edit/delete in saFormGroup
         </li>
         <li>
           debug
         </li>
         <li>
           address Auto Complete (pending)
         </li>
       </ul>
     </li>
   </ul>
   

   • Move to Amplify (not for now)
   • In modify product page, we accomplished progress bar badly, need to find a elegant way to implement it!
   • User info page (WIP)
   • Logged in user are allowed to browse their orders
   • Add image while user adding new product
   • index page (WIP)
   • product can only be assigned to one primary/secondary category (admin) (WIP)
   • ~~Fix bug in category form caused by primary SKU ~~
   • ElasticSearchKibana
   • Search and Category bar shoube be removed in small screen size
   • Move domain to floatingplanet.app, use floatingplanet.app to register gcp.
   • Currently, we use firestore function to remove item whose count is less than 1 in user’s cart, but the problem is that the response time is too long (500ms), need to come up a better approach later on.

   • Refactor all form and button to Nebular

   • can we store nebular or other framework locally just in case dependencies decrepted
   • Remove all warnings and errors

HTML/CSS/Date hook up: Jiaran Yu

Cook: Erbo Shan