froggy habits

• 

• 

• 

• 

  frog bloated.

• 

  frog feel sleepy for eating too much.

• 

  healthy frog

• 

  frog lost!

• 

  frog with stomach ache

• 

  frog is thirsty!

Inspiration

Our team wanted to make healthy habit tracking more fun and less stressful. We created Froggy Habits to turn everyday wellness into a magical forest adventure.

What it does?

Froggy Habits helps users track meals, water intake, and available nutrition information through a cozy website with a cute, customizable frog companion.

How we built it?

We built the website using HTML, CSS, and JavaScript. We used browser local storage to save tracking information and make the website interactive.

Challenges we ran into

We faced challenges connecting the different features, making user inputs work correctly, and creating a design that was both cute and easy to use.

Accomplishments that we're proud of

We're proud of turning our idea into a working website that combines wellness tracking with a fun, creative forest theme.

What we learned

We learned how HTML, CSS, and JavaScript work together, how to handle user input, and how teamwork helps turn ideas into projects.

What's next for Froggy Habits

We hope to add AI-powered meal recognition, personalized nutrition insights, and more interactive features for our frog companion.

Built With

• api
• css
• html
• javascript
• json
• openai