JQ20 / 7270ALLCODE

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Qpon

support Web (m1 & m2) and Mobile (m3)

a Voucher application will

  • help users valid and search Voucher at ease.
  • help restaurants pre-set the amount , quantity and valid dates of Voucher at ease.

Content

Qpon suppports the following function,click to see the demonstration.

  1. Read
  2. Create
  3. Update
  4. Delete
  5. Search&Pagination
  • Read all Voucher and each region displays the two latest coupons.
  • Clicking the link on the first page will see this detail pageand their details.

image

  • Create new Voucher and homepage will show the two latest coupons in each region

    image

  • Update voucher in the admin page

image

  • Delete voucher in the update page when administrators update the vocher

image

Search Voucher,if results exist,Pagination results will show. Otherwise,the Not Found hint will show.

image

In this version, Qpon support the login system, Redeem system and coupons management system.

All function will be divided into three part to display:

Passers can only browse and search for coupons

image

System users can have their own personal details beside of the right of normal passers.

They can redeem coupons if they have enough account balance and cancel their redeem if they dont want them .

They can see their details and redeem record in Myredeem page in which they can manage their redeem easily.

image

System admin can manage the coupons such as creating,deleting and updating.

Also, admin can see who have redeemed the coupon and is able to cancel the redeeming record of them.

image

This part meet all basic requiremnets of milestone 3 develping.

Qpon suppports the following function,click to see the demonstration.

  1. Show all coupons
  2. Show all Malls
  3. Show some coin ranges
  4. Show users profile , login/logout and redeem
  • Read all Voucher and their positions.

image

  • Read all malls ,their positions and all restaurants offering coupons there.

    image

  • Read all coupons in three ranges

image

  • Login or Logout the qpon system.

image

  • redeem coupons, see their redeem.
  • Cant redeem when users dont have enough coupons or have already redeemed and there is not enough quotas.

image

This part tries some advanced functions of Qpon system.

Advanced functions involves:

  1. Users can cancel their redeems.
  2. Users can see their personal details.
  3. Users can see their balance more conveniently when it changes.
  4. Users have their own avatars and can freely change to their favorate.
  5. Users can recharge their coins by inputing recharging code which they can buy it from stores.

image

Because of the problem if github, the uploaded gifs cant be shown. So, the demostration have been put into Youtube, you can click this link to check the remaining part 2 to 5. https://www.youtube.com/watch?v=WhewUM3ooKQ&list=PLQ_KKybEmuCqbCbkkaQlq_gAJ-x3Jnbw7&index=1

image

Users can see their balance more conveniently when it changes.

image

image

image

About


Languages

Language:HTML 50.2%Language:JavaScript 47.9%Language:Vue 1.7%Language:Less 0.2%Language:CSS 0.0%