SunSense

Helping kids stay sun-safe in a warming world (climate change) - SunSense is an entertaining website designed to help kids learn about UV protection and the damage that the sun does to our skin.

Comment

Inspiration

UV levels are higher than ever before due to rising global temperatures. However, wearing a hat or using sunscreen isn't always the first thing that comes to mind when you're a child. By making sun safety accessible, relatable, and kind of fun, we hoped to change that. SunSense provides young users with the means to put the "why" of sunscreen into practice.

What it does

🧴 Educational Modules Quick, interesting lessons designed specifically for children that cover the following topics:

  • What UV rays are
  • Types of UV rays and damage
  • How to protect yourself from UV Rays
  • How to measure UV Rays

** 🧮 Sunscreen Calculator ** With a few quick inputs, such as your age or the amount of time you'll be outside, it determines how much sunscreen you'll need and when to reapply.

*✅ Vacation Checklist Tool * Taking a field trip? A day at the beach? Hike with the family? Depending on your destination and the current weather, our checklist builder advises you on what to pack.

*🎯 Personalized Sunscreen Recommender * Sunscreens are not all created equal. Find a suggestion that suits your preferences (such as lotion vs. spray), activity level, and skin type.

How we built it

HTML, CSS, JavaScript Used Ideogram for images

Challenges we ran into

I struggled a lot with keeping the CSS constant throughout the website, especially with the animations and trying to make it interesting with kids. I spent like maybe 8+ hours on this website and figuring out the logic for the sunscreen matching was hard as well.

Accomplishments that we're proud of

I'm REALLY proud of myself for having a finished product that I'm really proud of. I think this is really well suited to the target audience of kids and is feasible as well - it may not be the most complicated, but I can guarantee that kids will love this site and learn a lot about how they can protect themselves in the sun. Even if I don't win first place, I'm sure I can use this website a lot in the future to make an impact!

What we learned

I learned a lot about CSS and JS from this project and how I can apply it.

What's next for SunSense

  • Include a location-specific UV index.
  • Convert lessons into short tests and games.
  • Create a version of the mobile app.
  • More Levels
  • Mass promote on social media

Built With

Share this project:

Updates