-
-
HAPPY HEARTS
-
Begin your journey by entering your name.
-
Tell us more about how you experience the world — everyone is unique!
-
Starting page -“Welcome to your world — get ready to explore your personalized adventure!”
-
Enjoy a story created just for you, celebrating your strengths and imagination.
-
Have fun with exciting activities made specially for you!
-
Express your feelings with colors — draw anything that makes you happy!
-
Write about your day or share your thoughts — your words matter.
-
How are you feeling today? Choose the emoji that matches your mood.
-
Take a deep breath… relax and feel calm.
-
Send a kind message to yourself or a friend — a little positivity goes a long way!
-
Join our friendly space to share your thoughts and stories safely.
-
See all your drawings, stories, and happy moments saved in one place.
-
Pick your colors! Switch between bright and dark mode to make it just right for you
Inspiration
I have found many childrens who are not able to cope up with their disability around me and having diificulty in many ways.I wanted to create something that helps them overcome those difficulties — a space where they can rediscover hope, build confidence, and dream of a beautiful future ahead.
What it does
My website turns their disabilities into strengths — helping every child see themselves as a hero of their own story. It offers small healing activities such as emotion-based games, positive affirmations, and drawing spaces for self-expression. There’s also a safe communication zone where children can connect, share encouraging messages, and support one another in a positive and caring environment.
How we built it
We built Happy Hearts using HTML, CSS, and JavaScript for a simple and accessible design. User details and preferences are stored locally. The Web Speech API is used for text-to-speech, making stories easy to listen to.
Challenges we ran into
. Designing for different disabilities . Keeping the interface simple yet engaging . Ensuring emotional safety for children
Accomplishments that we're proud of
Creating an inclusive, supportive platform Making personalized stories for each child Designing a friendly and colorful interface Turning empathy into a working project
What we learned
Designing with accessibility and kindness The power of storytelling in healing Balancing simplicity with meaningful features
What's next for happy hearts
Add a safe chat space for children Include emotion-based activities Use AI for smarter story generation Expand to more languages
Built With
- css
- html5
- javascript
- local-storage
- web-speech-api
Log in or sign up for Devpost to join the conversation.