Skip to content

Web app to display GPX data from GPX files uploaded to a server

Notifications You must be signed in to change notification settings

ngeldvis/GPX-Data-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GPX Data Viewer

A web app to display GPX data from GPX files uploaded to a server. This was a school project I completed in second year in my Software Systems Development and Integration (CIS 2750) course

Main Acomplishments

  • Built a web user interface using HTML, CSS, and Javascript to display GPX data to the user
  • Implemented a back-end server using C, Javascript, and Node.js used to parse GPX files allowing the user to make requests for information stored in files uploaded to the server
  • Connected the server to a MySQL relational database used to store and share GPX file information

What is GPX?

GPX is an Extensible Markup Language (XML) GPS data format used in software applications to describe waypoints, tracks, and routes. You can learn more here

Running the App

First you need to make sure that you have node.js and npm installed on your system. Then enter npm install to install all the necessary dependencies. Finally to run the server enter npm run dev PORTNUM so that you can access the application at localhost:PORTNUM

Functionality

Created a login form to request the database information of the user

login form

Once logged in (or skipped login page) the user is greeted with a list of all the GPX files currently uploaded to the server

filelog

Following that, the user can choose a file from a dropdown menu to view all the routes and tracks within that file

gpxview

At the very bottom of the site, the user has access to various queries that they can make on the information stored in the database

database