Florida Birds and Bees

Figma mockup of the home page
Courses mockup done on Figma
A mock Figma website page for the interactive quizzes
Figma mockup of a module page
Figma mockup prototype

What inspired you

Recent Florida laws restricting sexual education affects many students. Florida officials pressure schools to roll back sex ed lessons on contraception and consent DeSantis tweaks Florida book challenge law, blames liberal activist who wanted Bible out of schools

What it does

Our website provides parents with easy-to-access, comprehensive resources for teaching their children sex education. It offers age-appropriate, inclusive content on topics like consent, relationships, and personal health, empowering parents to have open, informed conversations that align with their values.

How we built it

We built the app using JavaScript, CSS, and React for seamless functionality and a user-friendly interface. Figma was used for designing an intuitive, visually appealing user experience.

Challenges we ran into

We struggled to translate our inspiration into a clear roadmap for building an interactive website. While we had a strong vision, it was challenging to define the steps needed to bring our ideas to life, from design to functionality. Creating an engaging, user-friendly platform required careful planning and coordination across multiple aspects, which was more difficult than anticipated.

Accomplishments that we're proud of

We're proud to have overcome our challenges and built a functional website for the first time, in a short time, with multiple pages and interactive buttons, all designed to be engaging and appropriate for children.

What we learned

We learned the various languages used to create a website, focusing primarily on front-end coding. This helped us build a functional, multi-page site with interactive features tailored for children.

What's next for Florida Birds and Bees

Next, we plan to add a section for parents, allowing them to both teach their kids and learn about puberty and sex education themselves. We also aim to incorporate interactive games and rewards for kids, unlocking when they complete tasks and quizzes on the site.

Built With

Submitted to

ShellHacks 2024

Created by

I worked on the frontend of the website using React. I also helped plan out what we would put on the pages.

Alan Alberto
I developed the UX design mock ups using figma to provide meaningful prototypes that could be translated into the bases of our website. I also researched health related topics, socioeconomic impacts, and the political impact that all played a role in creating our website.

Catalina Herrera Matiz
I worked on the back end, instead of starting from scratch and creating everything manually I used defang to create our docker container and deploy our project live. Had to do some troubleshooting but got it to work and realize defang can be a powerful tool and a time saver once you get familiar with it.

Alex Lopez
I worked on front-end and design interfaces on Figma and react. This was the first time for me creating a website and using these tools to making a project come to fruition.

Alyssa Desena