Inspiration ✨
Many people struggle to start their mornings with energy and positivity. I wanted to create a simple, interactive web app that makes mornings more engaging through cheerful sound effects and a calming blue theme.
What it does 🚀
MorningBoost energizes users by combining sound effects, visuals, and a clean interface.
It’s lightweight, browser‑friendly, and designed to give a refreshing start to the day.
How I built it 🛠️
- Designed the interface with HTML + CSS.
- Added interactive sound effects using JavaScript.
- Managed code with GitHub.
- Published the demo via GitHub Pages.
Challenges I ran into ⚡
- Getting sound effects to work properly after publishing online.
- Balancing simplicity with creativity — making the site engaging but not overwhelming.
- Managing time to finish the project while preparing slides and documentation.
Accomplishments that I'm proud of 🌟
- Built a complete web app from scratch.
- Designed a calming blue‑themed interface.
- Successfully deployed a working demo link for judges to test.
What I learned 📚
- Strengthened my skills in HTML, CSS, and JavaScript.
- Learned how to use GitHub for version control and hosting.
- Understood the importance of clear documentation and presentation.
What's next for MorningBoost 🔮
- Add mini‑games or motivational quotes.
- Optimize for mobile devices.
- Integrate with reminders or calendars.
Built With
- css
- github
- html
- javascript
- openai
- vscode
