ph91.de
  • Home
  • About me
  • Categories
    • Software Development
    • New Zealand
    • Music
    • Tech & IT
    • Sports
    • Dublin
    • Junk
  • Contact
  • Disclaimer
ph91.de
ph91.de
  • Home
  • About me
  • Categories
    • Software Development
    • New Zealand
    • Music
    • Tech & IT
    • Sports
    • Dublin
    • Junk
  • Contact
  • Disclaimer
  • Software Development

Custom Profiles, REST API and FX with Google Charts

  • 2. April 2017
  • Philipp
Complete profile page on a desktop

User System

For speed-kini.de I extended the standard user system with a custom registration form. GravityForms offers a simple add-on which can provide custom registration and profile update pages (http://www.gravityforms.com/add-ons/user-registration/). The custom field values can be easily accessed in PHP later.

User registration form

REST API extension

In order to provide dynamic front-end functionality, I extended the built-in REST adapter for my specific purposes. I started with JSON data about riders which is displayed in their user profiles. There is a difference between registered users who a WordPress user profile and people who are only identified by their names. There are different REST paths for both possibilities.

Frontend Ajax and Google Charts

Javascript loads the user JSON data via an AJAX request utilizing the REST interface. The incredible Google Charts API cares about displaying the data in nice line and pie charts.

Bottom part on a mobile device
Top part on a mobile device
Complete profile page on a desktop
Related Topics
  • ajax
  • google charts
  • gravity
  • rest
  • wordpress
Philipp

Previous Article
  • Software Development

Speedkini Brand Rankings

  • 1. April 2017
  • Philipp
View Post
Next Article
  • Software Development

Facebook Authorization error with Kaspersky Internet Security

  • 28. June 2017
  • Philipp
View Post
13 comments
  1. Pingback: cheap androxal no prescription
  2. Pingback: buy enclomiphene price for prescription
  3. Pingback: cheap rifaximin usa where to buy
  4. Pingback: buy cheap xifaxan generic xifaxan
  5. Pingback: cheap avodart purchase online canada
  6. Pingback: ordering staxyn generic free shipping
  7. Pingback: order dutasteride usa seller
  8. Pingback: get flexeril cyclobenzaprine buy japan
  9. Pingback: cheapest buy gabapentin buy dallas
  10. Pingback: order fildena online mastercard accepted
  11. Pingback: purchase itraconazole cheap real
  12. Pingback: nakupte kamagra bez
  13. Pingback: acheter kamagra sans prescrire pilule contraceptive

Leave a Reply

Your email address will not be published. Required fields are marked *

Dev profiles
  • BitBucket
  • Github
  • Stackoverflow
Side Projects
  • NMF
  • Speed-kini.de
  • Sudoku Solver
  • Windwarner
Archive
ph91.de
Blog by Philipp Schreitmüller

Input your search keywords and press Enter.