TrailNote: A Project to Help People Spend More Time Outdoors#devchallenge#hf26challenge#openweights#touchgrass

TrailNote: Bringing Birdwatching and Digital Field Journaling Together

TrailNote is a web application designed to make birdwatching more interactive by combining bird-sound analysis, a digital field journal, and a searchable bird species guide. The goal is simple: help people explore nature, record their observations, and spend more time outdoors.

What I Built

I built TrailNote, a birdwatching web application that brings several useful tools together in one place.

The application includes:

• Bird Sound Analysis: Captures audio through the device microphone, visualizes sound, and uses frequency-based heuristics to suggest possible bird species.
• Field Journal: Lets users record sightings, add notes, and save observation details.
• Life List: Provides a searchable bird species catalog and helps users track their recorded sightings.
• Sample Bird Calls: Includes synthesized bird-call presets for exploring and testing audio features.
• Location Support: Uses browser geolocation when available to associate observations with coordinates.
• Data Export: Allows users to export their records in CSV and JSON formats.
• Pocket Standby: Includes a screen intended to encourage users to put their phones away and focus on their surroundings.

TrailNote stores journal data locally in the browser, helping users maintain their records without requiring every observation to be sent to a remote server.

The project is a prototype, and its sound identification feature is based on frequency analysis and heuristic scoring. Its suggestions should be treated as experimental rather than scientifically verified bird identifications.

Demo

Try the live prototype:

https://trail-note.vercel.app/

Explore the interface and available features to see how TrailNote brings birdwatching tools and field journaling together.

Code

The source code is available on GitHub:

https://github.com/hampp108/TrailNote

The repository contains the application code, interface components, audio-processing logic, and project configuration.

*How I Built It
*
TrailNote is built using modern web technologies.

Technologies used:

• React: Builds the user interface and reusable components.
• TypeScript: Adds type checking and helps organize application logic.
• Vite: Supports local development and production builds.
• Web Audio API:Processes audio input and creates sound visualizations.
• IndexedDB: Stores field-journal records locally in the browser.
• Geolocation API:Requests location coordinates when the user grants permission.
• Progressive Web App tooling: Provides configuration for installation and offline-related functionality.

The application combines these components into a single experience. Users can explore bird species, analyse audio, maintain observation records, and export their data.

The current sound-analysis implementation uses frequency-based rules and scoring rather than a verified trained AI model. Developing a reliable bird-identification model would be a possible future improvement.

Why Does Open Innovation Matter?

Open innovation matters because useful technology should be understandable, adaptable, and accessible to more people.

TrailNote explores how browser-based audio processing and local data storage can support a practical nature-focused application without requiring every interaction to depend on a remote service.

Local storage gives users more direct control over their observation records. Browser-based audio processing also provides a foundation for experimenting with sound analysis while keeping the application architecture relatively lightweight.

The project is still evolving. Future improvements could include integrating a properly trained, open-weight bird-audio model, evaluating identification accuracy against real recordings, improving offline reliability, and documenting the implementation so other developers can learn from it.

Building TrailNote has helped me explore how web technologies can support real-world activities instead of keeping users focused on their screens.

What I Learned

Working on TrailNote gave me practical experience with React, TypeScript, browser audio APIs, local persistence, geolocation, and deploying a web application.

It also highlighted an important lesson: displaying a prediction is not the same as proving that a model is accurate. Reliable bird identification requires appropriate training data, testing, and evaluation.

My next step is to improve the application's reliability and make its features more useful for people who enjoy birdwatching and exploring the outdoors.

What's Next?

Some areas I would like to improve are:

• Integrating and evaluating a suitable open-source bird-audio model.
• Improving sound-identification accuracy using real-world recordings.
• Testing offline behaviour on different devices.
• Improving the field journal and observation workflow.
• Making the application easier to use outdoors, with fewer unnecessary screen interactions.

TrailNote is a starting point for exploring how technology can support a closer connection with nature.

Live Demo: https://trail-note.vercel.app/

**GitHub: **https://github.com/hampp108/TrailNote