This is a submission for Weekend Challenge: Earth Day Edition
What I Built
I built Personal Growth Tracker, a calm, human‑centered web app for daily reflection and emotional sustainability.
The app helps users check in with themselves — tracking mood, energy, confidence, gratitude, boundaries, and learning moments — without streaks, scores, or pressure. The goal is to encourage small, consistent habits that support mental well‑being and long‑term personal growth.
For the Earth Day Edition, I leaned into the idea that sustainable living starts with sustainable humans. Caring for the planet requires energy, empathy, and resilience — and this app is designed to help people replenish those qualities gently, one day at a time.
Demo
🔗 Live demo: https://personalgrowthtracker.seguin.dev/#/dashboard
The demo includes the daily entry flow, dashboard with trends, weekly summary, positive vibes modal, and the “Send a Praise” feature.
Code
💻 GitHub repository: https://github.com/danieloseguin67/personalgrowthwithtracker
The repo includes:
Angular 19 standalone components
SCSS design tokens
Optional Google Drive backup integration
Clear component-based project structure
How I Built It
The app is built with Angular 19, using standalone components to keep the architecture clean and modern.
Key implementation highlights:
Daily Entry Flow
A warm, low-friction form that captures mood, energy, confidence, gratitude, boundaries, and learning moments using descriptive card-based inputs instead of numbers.
Dashboard & Trends
Energy and confidence trends are visualized using Chart.js, giving users insight without judgement or gamification.
Positive Vibes System
When users report low energy or mood, a gentle modal appears with rotating quotes, affirmations, breathing prompts, or self-care nudges — supportive but never intrusive.
Send a Praise ✉️
One of my favorite features: users can send a kind message to someone else via email. It reinforces the idea that well‑being is relational, not just individual.
Local‑First, Optional Cloud Backup
Data is stored in local Storage by default, with an optional Google Drive OAuth backup for users who want portability without a traditional backend — reducing infrastructure and keeping things lightweight.
Design Philosophy
The UI uses soft, nature‑inspired design tokens (sage, lavender, amber, ocean) to reinforce calm and balance — aligning visually and philosophically with the Earth Day theme.
Prize Categories
I’m submitting to the following prize categories:
Best Use of GitHub Copilot
Used Copilot during development for TypeScript interfaces, Angular component scaffolding, and refactoring repetitive UI logic.
This project is a reminder that sustainability isn’t only about what we consume — it’s also about how we care for ourselves and each other.
By creating space for reflection, kindness, and emotional regulation, we build the capacity to show up better for our communities and the planet.
Thanks for reading — and happy Earth Day 💚
Top comments (0)