This is a submission for Weekend Challenge:
Dog Days Edition
🐾 Dog Days Tracker — Because Every Good Day Deserves to Be Remembered
«What if your dog's happiest moments could become a story? 🐶❤️»
For the DEV Weekend Challenge: Dog Days Edition, I built a small but meaningful web app to turn everyday puppy care into something you can actually track, revisit, and enjoy.
🐾 Meet Dog Days Tracker — a cute, mobile-friendly dog activity journal built entirely with HTML + CSS + JavaScript.
And the best part?
I built it using only an Android phone. 📱
🎬 See Dog Days Tracker In Action 🐾
🐶✨ Meet Dog Days Tracker
"🚀 Try the Live Demo" (https://05unique-dotcom.github.io/dog-days-tracker/dog-days.html)
"💻 Explore the GitHub Repository" (https://github.com/05unique-dotcom/dog-days-tracker)
❤️ The Problem
Taking care of a dog involves dozens of tiny moments:
🐕 A morning walk
🍖 Mealtime
🎾 Playtime
💧 Water breaks
🛁 Grooming
😴 Nap time
😊 And, of course, their mood
But those little moments are easy to forget.
So I asked:
«Why not make a simple digital diary for them?»
That idea became Dog Days Tracker.
🐾 What I Built
Dog Days Tracker lets you create a profile for your pup and record what happened during their day.
🐶 1. Personal Dog Profile
Give your pup their own identity:
- 🐶 Choose an avatar
- ✏️ Enter their name
- 🎂 Add their age
- 🐕 Add their breed
It's a tiny detail, but it makes the app feel like your dog's app, not just another tracker.
😊 2. Daily Mood Tracking
How is your pup feeling today?
😄 Happy
🤩 Excited
😌 Calm
😴 Tired
🤒 Sick
Instead of reducing a day to numbers, the app also captures the emotion behind the day.
🐕 3. Six Daily Activities
Track the things that matter:
Activity| What it tracks
🦮 Walks| Daily walks
🍖 Meals| Meals
🎾 Play Time| Play sessions
💧 Water Breaks| Hydration moments
🛁 Grooming| Grooming sessions
😴 Nap Time| Rest
Each activity has a simple + / − counter, keeping the experience fast enough to use every day.
📝 4. Daily Notes
Numbers don't tell the whole story.
That's why Dog Days Tracker also includes Today's Notes.
You can capture the little things:
«"Bruno discovered his new favorite toy today." 🧸🐶»
Or:
«"Went on a long evening walk." 🌅🐕»
Those memories can become just as valuable as the statistics.
📊 5. Stats & History
This is where the daily logs become useful.
The app provides:
- 📅 Days Tracked
- 🦮 Total Walks
- 🍖 Total Meals
- 🎾 Total Play Times
- 🔥 Best Streak
- 😊 Top Mood
- 📖 Past Days
- 😊 Mood History
Instead of asking "What did we do last week?", you can actually look back.
🔥 6. Streak Tracking
Consistency deserves a little celebration.
The app keeps track of your tracking streak so that taking care of your pup can become a small daily habit.
Day 1 → Day 2 → Day 3 → 🔥
It's a tiny bit of gamification, but it makes opening the app again tomorrow more rewarding.
💾 7. No Account. No Backend. No Problem.
One of my favorite parts of this project is its simplicity.
Your data is stored locally in the browser using Local Storage.
That means:
- 🚫 No backend
- 🚫 No database
- 🚫 No login
- 🚫 No complicated setup
Just open the app and start tracking.
🧠 Under the Hood
The entire application is built with:
HTML
↓
Structure & UI
CSS
↓
Responsive design & animations
JavaScript
↓
State management
↓
Activity tracking
↓
Mood tracking
↓
Stats
↓
History
↓
Local Storage
No framework.
No build system.
No giant dependency tree.
Just Vanilla HTML + CSS + JavaScript.
💻 A Peek at the Code
The app revolves around a simple state-driven approach.
For example, an activity can be updated with JavaScript:
function updateActivity(activity, change) {
const current = today.activities[activity] || 0;
today.activities[activity] =
Math.max(0, current + change);
saveData();
renderToday();
updateStats();
}
The idea is simple:
Change the data → save it → update the interface.
That's one of the things I enjoyed most while building this project: seeing a small amount of JavaScript turn simple buttons into a persistent daily tracker.
🖼️ Project Preview
"Dog Days Tracker — Dog Profile" (https://05unique-dotcom.github.io/dog-days-tracker/)
🐶 Creating a personalized pup profile
"Dog Days Tracker — Daily Tracker"
📊 Tracking mood and daily activities
"Dog Days Tracker — Statistics"
📈 Turning daily logs into useful statistics
"Dog Days Tracker — History"
📖 Looking back at previous days
🌟 What Makes It Different?
I didn't want to build another dashboard filled with numbers.
I wanted something that felt:
🐾 Personal
❤️ Friendly
📱 Simple
🎮 Slightly playful
📊 Actually useful
The goal was to make tracking feel less like filling out a spreadsheet...
…and more like keeping a diary for your best friend.
🧩 Design Philosophy
The interface intentionally keeps the interaction simple.
👆 Tap instead of type
Most daily actions are just a tap away.
🧠 Remember instead of repeat
Local Storage means your existing data stays available in the browser.
📊 Simple stats instead of complicated analytics
You don't need a data science degree to understand your dog's week.
❤️ Personality over complexity
The emojis, avatars, moods and paw-themed UI are there to make the experience feel alive.
🚀 Ideas I Would Add Next
The current version focuses on the core tracking experience, but there are plenty of directions this could grow.
🩺 Care Reminders
Vaccination, grooming and vet reminders.
📸 Memory Gallery
Attach photos to individual days.
📈 Weekly Insights
Something like:
«"Your pup had their most active week yet! 🐾"»
🏆 Achievement System
Unlock badges such as:
🏅 First Walk
🔥 7-Day Tracker
🎾 Playtime Pro
💧 Hydration Hero
❤️ Happy Pup Week
🐕 Multiple Profiles
Perfect for households with more than one dog.
📤 Export & Backup
Export the tracking history as JSON or CSV.
🌙 Dark Mode
Because even dogs deserve a night mode. 🌙🐶
📱 Built on Android
This project has a special meaning for me.
I didn't build it on a laptop.
I didn't have a fancy development setup.
I built it on an Android phone. 📱
That forced me to keep the project lightweight, simple and focused.
And honestly?
That constraint became part of the challenge.
«You don't always need powerful hardware to build something meaningful.»
Sometimes you just need an idea, a browser, and the willingness to keep building.
🛠️ Tech Stack
Frontend
- HTML5
- CSS3
- Vanilla JavaScript
Storage
- Browser Local Storage
Deployment
- GitHub Pages
Development
- Android phone 📱
No frameworks. No backend. No database.
Just a small web app built from scratch.
🔗 Try It Yourself
🧩 DEV/GitHub Embed
You can also showcase the repository directly in the DEV post:
05unique-dotcom
/
dog-days-tracker
🐾 A cute & functional dog activity tracker — log your pup's mood, walks, meals & playtime daily. Built with vanilla HTML, CSS & JS. DEV Weekend Challenge: Dog Days Edition submission 🏆
DEV supports GitHub repository embeds through its Markdown/Liquid embed system.
🐾 Final Thought
A dog can't tell us:
«"I had a great day."»
But maybe we can build something that helps us remember why.
That's what Dog Days Tracker is about.
Not complicated technology.
Not huge amounts of code.
Just a tiny app built around a simple idea:
❤️ Make every dog day count. 🐾
🙌 I'd Love Your Feedback
If you try it, tell me:
🐶 What would you add?
📊 What statistic would you want?
🏆 What achievement should exist?
📸 Would you use a memory/photo feature?
And if you like the project, a ❤️ reaction or comment would mean a lot!
🏆 Built for the DEV Weekend Challenge: Dog Days Edition
Top comments (0)