Anger Extinguisher

• 

  Calming Experiences

• 

  Q&A (chat)

• 

  Informational videos2

• 

  Breath

• 

  Informational videos1

• 

  home Page

Inspiration

As a child and a teen, I have felt a lot of anger throughout my life. I would always do something I would regret afterwards, and I wish I had a way of calming myself. I made "Anger Extinguisher" to help kids with anger management issues like me.

What it does

Based on your level of anger, the “Anger Extinguisher” provides you with custom solutions with a 3 step process outline: breathing exercise, Inspirational Quotes / Pics, and Informational Videos / Q&As.

How we built it

I first coded a HTML outline of each page. Then I added all the dynamic elements with JavaScript. Then finally, I polished the page with CSS so that the page was visually appealing and eye catching.

Challenges we ran into

This is the first time I am using JavaScript, so I ran into a lot of problems of how JavaScript works with HTML and CSS.

Accomplishments that we're proud of

I am proud of how I was able to make the Q&A section more dymanic.

What we learned

I was able to learn so much of the DOM functionalities of JavaScript, and a new language, JavaScript, that was very foreign to what I am used to.

What's next for Anger Extinguisher?

Further customization based on interests, community / group chats, convert to a Mobile App

Built With

• css
• html
• javascript