• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
jhiller

jhiller

ValTown-Package-Tracker

Public
Like
ValTown-Package-Tracker
Home
Code
3
backend
2
frontend
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/12/2025
Viewing readonly version of main branch: v14
View latest version
README.md

Realtime Package Tracker

A web application that ingests payloads from a HTTP integration and displays them on a map in realtime. The app tracks package locations and displays the history of where the package has been.

Features

  • HTTP endpoint to receive location data from ChirpStack
  • Interactive map showing current and historical package locations
  • Automatic map zooming to show all locations
  • Detailed metadata view when clicking on a location point
  • Persistent storage of location history
  • Debug tools for monitoring and testing

Project Structure

  • /backend - Server-side code for the HTTP endpoint and API
  • /frontend - Client-side code for the map interface
  • /shared - Shared types and utilities

Technologies Used

  • Backend: Hono (API framework)
  • Database: SQLite for persistent storage
  • Frontend: HTML, CSS, JavaScript with Leaflet.js for mapping
  • TypeScript for type safety

Getting Started

  1. The application will automatically receive data from ChirpStack when properly configured
  2. Visit the main page to view the package tracker interface
  3. Click on any location marker to view detailed metadata

Debug Features

The application includes several debug features to help with troubleshooting:

Debug Modal

Click the "Debug" button in the top-right corner of the map to access:

  • System status information
  • Database statistics
  • Test payload generator

Test Payload Generator

The debug modal includes a "Send Test Payload" button that:

  • Generates a random location near Oakland
  • Creates a properly formatted ChirpStack payload
  • Sends it to the ingest endpoint
  • Displays the results in real-time

Debug Endpoint

The application provides a debug endpoint at /api/debug/status that returns:

  • Database connection status
  • System information
  • Database statistics (counts of locations, gateways, and devices)

Logging

The application includes comprehensive logging:

  • All API endpoints log their operations
  • The ingest endpoint logs detailed information about each step
  • Database operations include logging for troubleshooting
  • Errors are caught and logged with detailed information
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.