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

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.