herSteam

A website for young women that compiles information on career fields, programs and resources for the underprivileged to help inspire them into the STEAM field.

Comment

Inspiration

We were inspired by summer coding programs that we completed that emphasized the gender gap in the tech field. We were lucky to be given opportunities at a young age to code, but we quickly found out that wasn't the case for everyone. We wanted to change that.

What it does

How I built it

We built it on repl.it using HTML, CSS, and Javascript. The HTML was the structure of the site, the CSS helped style the site, and the Javascript made it interactive.

Challenges I ran into

We had trouble formatting the images alongside the pictures on the about and homepage. We also had trouble getting the footer to stay at the bottom and not show up on the top of the site. We also had issues making the Map respond to a click.

Accomplishments that I'm proud of

We're proud of our resources page because that has compiled so many different programs and articles and took a lot of time to research. We are also proud of our graphics because it made the site more modern and emphasized the art aspect of our site. Lastly, we are proud to finish everything we wanted to finish in our short time

What I learned

We learned how to make an interactive map in Javascript and we also learned how to format HTML in CSS using classes.

What's next for herSteam

In the future, we'd like to add more resources onto our Map page. We'd also like to add more programs for low-income women who want to get into coding. We'd also like to embed the quiz into the site instead of using a Google Form.

Built With

Share this project:

Updates