Inspiration
As a student myself, I know how overwhelming deadlines, exams, and everyday pressure can get. I wanted to build something that actually helps in those high stress moments.
What it does
Student Stress Toolkit is a web app that gives students a set of quick mental wellness tools in one place. It includes a mood check-in to reflect on how you're feeling, a guided breathing exercise to calm anxiety, a journal with rotating reflection prompts, and a set of coping strategy cards with practical techniques students can use.
How we built it
I built it using plain HTML, CSS, and JavaScript. Everything runs directly in the browser, making it instantly accessible to anyone with a device.
Challenges we ran into
As a beginner developer, getting the layout to look clean and work across different screen sizes was tricky. The animated breathing exercise also took some trial and error to get the timing and visual feel right.
Accomplishments that we're proud of
I'm proud that I built a fully functional app from scratch with very little previous experience. The breathing exercise animation and the overall design came out better than I expected, and the app genuinely feels useful.
What we learned
I learned how HTML, CSS, and JavaScript work together to build a real interactive app.
What's next for Student Stress Toolkit
I'd love to add a mood history tracker so students can see patterns, a Pomodoro study timer, and eventually an AI-powered tip feature that gives personalized advice based on how you're feeling when I figure out how to do that.
