Skip to content

CharlesPeterMcCarthy/longboard-tracker-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

longboard_web_app

PHP & jQuery Web Application to view skate data that was calculated with an Arduino Yún.

The user should be able to get to this app via the web browser or via a link they received in an email which is sent to them via the API (API GitHub Repo)

How To Set Up

  • Before you continue, you should have followed the steps to setting up the MySQL Database
  • Change the values listed below under To Use
  • Place these files on a remote web server (Same server as the API)

To Use

/php/db_conn.php

  • Change {{SERVER_NAME}} to the Server Name
  • Change {{USER_NAME}} to the MySQL User Name
  • Change {{PASSWORD}} to the MySQL User Password
  • Change {{DB_NAME}} to the MySQL Database Name

How It Works

  • Basic info shown: Skate ID, skate start and end time.
  • More info: Skate length (seconds) and skate distance.
  • JavaScript Chart to display skate speeds.
  • New skate sessions are loaded into view.
  • When the user arrives to the main page (skate_sessions.php), they will need to login to view their skate sessions
  • When clicking the login button at the top of the page, a modal will drop down with input fields for the user email and password
  • The user email and password is different from the device name and password
  • When the user has successfully logged in, all of their previous skate sessions populate the screen.
  • Each session shows some brief information:
    • Skate session ID number
    • The start date-time
    • The end date-time
  • If the user has arrived here via an email link, the corresponding skate session will be highlighted
  • When the user clicks on a certain session, it opens up and shows more information:
    • Total skate length (in seconds)
    • Total skate distance
    • A graph plotting the speed logs against the time

(The database information should be the same as the database information for the API)

Login Screen Image

All Sessions Image

Session #178 Image

About

Web Application to view skate data (eg. Distance, speeds, etc.)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •