Colton Blackwell

Personal Portfolio and Projects




>
October 2024

Route Tracker

A Flask web application for visualizing GPX files, providing a simple interface to display GPS data and plot paths in 3D. It's designed as an easy-to-use tool for accessing GPX data and generating visual insights into the paths.

Responsibilities

  • Designed and implemented a Flask-based web application for tracking and visualizing GPX route data.
  • Integrated an interactive map view for displaying run paths and individual data points.
  • Enabled file upload, parsing, and storage of GPX data, with file handling for customized filenames.
  • Developed features for selecting, loading, and deleting run data from an interactive list.
  • Added dynamic 3D plotting for run elevation data with interactive rotation using Plotly.

Skills Developed

  • Proficiency in handling and parsing GPX files to extract geographical and speed data.
  • Advanced JavaScript for interactive UI elements and AJAX requests to handle dynamic data.
  • Created informative and visually appealing bar plots and heatmaps.
  • Experience with designing and implementing RESTful routes in Flask.
  • Improved ability to develop full-stack applications combining HTML, CSS, JavaScript, and Python.
  • Enhanced troubleshooting and debugging skills for client-server interactions and frontend errors.

Technologies

  • Frontend: JavaScript (AJAX, jQuery), HTML5, CSS3, Bootstrap, Plotly.js for data visualization.
  • Backend:Python with Flask for web routing and backend logic.
  • Mapping:Leaflet.js for dynamic, interactive map rendering.
  • Data Handling:GPX file parsing, file I/O handling, and data processing in Python.
  • API Integration:Integrated RESTful routes in Flask for data retrieval and manipulation.