Inspiration

We were inspired when during the keynote presentation, the speaker mentioned how many people can't even name one woman in STEM. This fact stuck with us, and we were sure we wanted to create something that would solve this issue.

What it does

The game creates a new "women of the day" and allows for the user to guess the women. After the first two tries, they get one hint, after two more tries, they get another hint, and finally, after a total of 6 tries, they lose. They are also able to read more about the daily empowered women and check again the next day for a new game.

How we built it

We built it using HTML, CSS, and JaveScript on replit.

Challenges we ran into

Since we all had limited experience HTML, CSS, and JavaScript, it definitely took collaboration to figure out who was more skilled at what aspect but we also needed each other's help to learn the right elements.

Accomplishments that we're proud of

We were proud when the JavaScript that managed the hints and number of tries worked properly because this was a very important aspect and we were struggling to figure out the best method. When we learned about the alert box on JavaScript, we knew this was the piece that was missing in our code, and once we added that in, everything worked out.

What we learned

Since this was the first hackathon for us, we were unsure about how the structure of a hackathon works, but with collaboration, we developed a great system between our team that would get work done efficiently. We also learned a great deal about HTML, CSS, and JavaScript, and how these programming languages can come together to create one website for many uses.

What's next for Guess The Women

We hope to make the game more interactive, perhaps adding a new game where you can guess the person based on the picture that would slowly reveal itself with more tries.

Accomplishments that we're proud of

We were proud when the JavaScript that managed the hints and number of tries worked properly because this was a very important aspect and we were struggling to figure out the best method. When we learned about the alert box on JavaScript, we knew this was the piece that was missing in our code, and once we added that in, everything worked out.

presentation: https://docs.google.com/presentation/d/1cyHHA3L90iv1QnteyOHWYd4BpnvifERmAS139q6A1uE/edit?usp=sharing

Built With

Share this project:

Updates