Four ReLeaf

• 

  Home page upon enter

• 

  Three links to direct you to other pages

• 

  Breathing exercise

• 

  Mental-health learning page

Inspiration

We wanted to make something that would impact our world today. While brainstorming, we came across the topic of teenagers and mental health awareness which resonated with us deeply. As teenagers in a dark world, we want to be able to spread light in our generation!

What it does

Four ReLeaf gives information and resources about maintaining mental health. A fun feature we implemented is a breathing exercise which gives the user a chance get in touch with their breathing!

How I built it

We used repl.it as our platform to build the website using HTML, CSS, and JavaScript. In addition, we also used bootstrap to build components of our website such as navigation bars, and different aspects of the webpages.

Challenges I ran into

While building the website we struggled with implementing the breathing exercise into our web page and adding the pop up window.

Accomplishments that I'm proud of

Some of the things we are proud of is our pop up window when you enter the homepage of the website, navigation bar, our logo, the breathing exercise, and the overall aesthetic.

What I learned

Some things we learned over the past few days were how to use JavaScript in html, how to style more specific elements with css, and how to work together with a team. Now we are going to take you through our website.

What's next for Four ReLeaf

Four ReLeaf plans to add more exercises in the future that will help with getting in touch with yourself! We also plan to add more information and resources.

Built With

• bootstrap
• css
• html
• javascript