A simple digital health prototype for tracking walking behavior patterns and visualizing how walking varies by purpose and barriers.
This project is a beginner-friendly React web app that allows users to record daily walking behavior and explore simple behavior patterns through summary cards and charts.
The app focuses on a simple idea:
Walking is not one single behavior. It can differ by context, purpose, and barriers.
For example, walking for commuting, exercise, transportation, leisure, or health may reflect different motivations and challenges. This prototype helps make those differences more visible.
I built this project as a small digital health and behavior change prototype.
Many health interventions encourage people to walk more, but real-world walking behavior is shaped by context. A person may walk for transportation, exercise, or daily errands, and each type of walking may have different barriers.
This project explores how a simple self-tracking tool can help organize walking behavior data in a way that is easier to understand.
- Add daily walking entries
- Record walking minutes
- Categorize walking purpose
- Track barriers such as fatigue, weather, lack of time, low motivation, pain, or none
- Save entries in the browser using localStorage
- Delete saved entries
- View dashboard summary cards
- Visualize walking minutes by purpose
- Visualize barrier frequency
- React
- Vite
- JavaScript
- CSS
- localStorage
This project connects to my broader interests in:
- Digital health
- Behavior change
- Chronic disease self-management
- Implementation science
- Human-centered health intervention design
- Healthcare AI and data-informed care
Although this is a simple prototype, it reflects a research question that is important in real-world health interventions:
How can we design tools that help people understand their own health behaviors in context?
Through this project, I practiced:
- Building a basic React app
- Managing user input with forms
- Saving data with localStorage
- Creating simple dashboard summaries
- Visualizing behavior patterns
- Structuring a GitHub project for a portfolio
Possible future versions could include:
- Weekly and monthly trend views
- More detailed behavior categories
- Personalized reflection prompts
- Exporting data as a CSV file
- Integration with wearable device data
- AI-assisted pattern summaries
- User testing with people managing chronic conditions
- Clone this repository:
git clone https://github.com/YOUR-USERNAME/walking-behavior-tracker.git- Move into the project folder:
cd walking-behavior-tracker- Install dependencies:
npm install- Start the development server:
npm run dev- Open the local URL shown in the terminal. It is usually:
http://localhost:5173/This is an early-stage learning project and digital health prototype.