Mellow Down

Know when to push, and when to mellow down

Comment

💡 Inspiration I created Mellow Down after experiencing severe student burnout myself. I realized the core problem was my lack of self-awareness regarding my stress levels until I had a major breakdown. My mission was to build a tool that provided objective visualization so I could recognize my limits proactively. I made this app to empower myself and others to know when we need to take a break.

🌟 What it Does It features a Daily Check-In using sliders to log Mood, Stress, Sleep, etc. The input data is mapped to a color-coded history chart where a darker green color signals a crucial "Mellow Down" warning. The Campus Calm Map provides dynamic walking guidance to nearby calm spots on campus.

💻 How I Built It I built the app as a high-performance Vanilla HTML/CSS/JavaScript SPA. I used custom JavaScript for data visualization and state management. The Map relies on simulated coordinates and walking times between campus hubs to dynamically draw routing paths using SVG.

🚧 Challenges I Ran Into The main challenge I faced was simulating geospatial data and routing without any external map API. I overcame this by writing complex JavaScript to convert CSS layout coordinates into accurate SVG path drawing. I also worked hard to ensure the USF color palette consistently signaled stress and calm appropriately.

✅ Accomplishments that I'm Proud of I am proud of building a complete, high-performance custom visualization system in pure JavaScript. I successfully created an actionable, personalized guidance tool (the Campus Calm Map) addressing a critical student issue. The project showcases my strong mastery of core web technologies.

🧠 What I Learned I proved the power of Vanilla JavaScript for complex state management and graphics (SVG pathing). The project reinforced that simple, goal-driven UX and immediate visual feedback are crucial for well-being tools. I learned valuable lessons in scope management and data simulation.

🚀 What's Next for Mellow Down Next, I plan to implement localStorage for data persistence across browser sessions. I will then develop a Smart Recommendation Engine to automatically suggest the best Calm Spot based on the latest check-in. Finally, I plan to integrate direct links to USF wellness resources.

Built With

Share this project:

Updates