This is a submission for Weekend Challenge: Dog Days Edition
What I Built
For the Dog Days Edition challenge, I built PawTrack, a simple daily companion for dog owners.
The idea was to turn everyday dog-care activities into something easy and fun to track.
PawTrack lets users record:
- πΆ Walk time
- π Meals
- π§ Water
- πΎ Play time
- π§ Training time
- π Daily mood
Based on these activities, PawTrack calculates a Paw Score from 0β100 and gives the owner a simple message about how their dog's day went.
For example:
β Superstar Pup!
πΆ Great Day!
πΎ Good Start!
π± Getting There!
𦴠Let's Get Moving!
The application also keeps a rolling 15-day activity history, allowing users to look back at their dog's recent activity.
I wanted to keep the project simple enough to use immediately while still making it feel like a real small application rather than just a static webpage.
Demo
πΎ Live Demo: Try PawTrack Live
The application includes two main pages:
πΆ Daily Tracker
Users can:
- Create a dog profile
- Record daily activities
- Select their dog's mood
- See a live Paw Score
- Save the day's activity
π PawTrack Dashboard
The dashboard provides an overview of recent activity, including:
- Average Paw Score
- Best Score
- Days Tracked
- Latest Score
- Average walk time
- Average meals
- Average water
- Average play time
- Average training time
- 15-day activity history
The dashboard can be accessed directly from the main PawTrack page.
πΈ Screenshots
πΎ Daily Tracker
π Dashboard
Code
π GitHub Repository: View PawTrack on GitHub
The project is completely open and built using basic web technologies.
How I Built It
I intentionally kept the technical architecture simple.
The application was built using:
- HTML5 β page structure
- CSS3 β responsive UI and styling
- JavaScript β Paw Score calculation, validation, mood selection, and dashboard logic
- localStorage β storing the dog profile, daily activities, mood, score, and activity history
- Git & GitHub β source control and project hosting
- GitHub Pages β deployment
ποΈ Application Flow
πΆ Dog Profile
β
βΌ
π Daily Activities
β
βΌ
π Dog Mood
β
βΌ
πΎ Paw Score
β
βΌ
πΎ localStorage
β
βΌ
π 15-Day Activity History
β
βΌ
π Dashboard
πΎ Paw Score
The Paw Score is calculated from five daily activities:
| Activity | Maximum Points |
|---|---|
| πΆ Walk | 25 |
| π Meals | 20 |
| π§ Water | 20 |
| πΎ Play | 15 |
| π§ Training | 20 |
| Total | 100 |
The score updates live as activities are entered, giving the user immediate feedback before saving the day's activity.
When the user saves the day's activities, the record is added to the activity history.
π 15-Day History
Rather than requiring a database or backend, PawTrack uses browser localStorage.
Each saved day contains:
- π Date
- π Mood
- πΆ Walk
- π Meals
- π§ Water
- πΎ Play
- π§ Training
- πΎ Paw Score
The application keeps the 15 most recent records. When a new record pushes the history beyond 15 entries, the oldest record is automatically removed.
This allowed me to create a useful history feature without introducing unnecessary backend complexity for a weekend project.
π Why localStorage?
I chose localStorage because PawTrack is designed as a lightweight browser-based application.
This means:
- No backend server is required
- No database is required
- No user account is required
- Data stays in the user's browser
- The application can be deployed as a static website
What I Learned
This challenge was a great opportunity to build something small from start to finish within a limited amount of time.
I worked on:
- Structuring a complete web application
- Building an interactive UI with HTML and CSS
- Writing JavaScript for application logic
- Validating user input
- Using
localStoragefor persistent browser data - Creating a rolling activity history
- Building a separate dashboard
- Connecting multiple pages together
- Deploying the application with GitHub Pages
One of the biggest lessons was that a project doesn't need a complicated backend or many external services to be useful.
Sometimes a focused idea, a simple implementation, and a good user experience are enough to turn a small weekend project into something enjoyable to use.
Prize Categories
I am not submitting PawTrack for a specific prize category.
The project is being submitted for the overall challenge.
I chose to focus on building a complete, functional, and easy-to-use dog activity tracker rather than adding a prize-category technology just for the sake of using it.
πΎ Final Thoughts
PawTrack started with a simple question:
What if taking care of your dog's daily activities could feel a little more fun?
The result is a small application that turns everyday activities into a simple Paw Score and gives dog owners a quick way to look back at their dog's recent routine.
Track β’ Play β’ Train β’ Celebrate πΆ


Top comments (0)