Inspiration

Impostor syndrome and the feeling of not belonging in STEM is a real thing, especially for women. Swetha remembers experiencing going to an AI club meeting only to be the only girl, and for the guys to joke around asking why she was even there. We wanted to make a product that counteracts that negativity and get more women to explore STEM careers. Some women may not know a lot about STEM careers if they feel it's not geared towards them.. STEM can be overwhelming from all the available career paths, making it hard to find a career based on your interests. Some careers we don’t even know about exist and need more coverage. We were inspired by MBTI personality tests, Buzzfeed, as well as Akinator

What it does

SheTEM is a website that affirms that anyone can be a part of STEM because there’s so many options, each filled with distinct possibilities. We have a generator where the user can take a quiz and get a recommended letter of STEM to check out potential careers. The quiz is based on the user’s interest and strengths. We also have a tab where we give background information about the various STEM careers by category. We have a tab where we ask how the user is feeling and give positive affirmations on why a STEM career is right for that user.

How we built it

Resources we used: Google fonts Coolors.co Replit.com Material.io (for design rules) Google docs and slides for planning Canva (for icons) React W3Schools https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Challenges we ran into

Learning and coding with React → a lot of trial and error/debugging Mapping out how the generator will work and actually coding it into existence Coming up with questions

Accomplishments that we're proud of

Create a clean yet bold UI; we accomplished our personal goal of upping our CSS by adding more logos and complex details into the UI interface/CSS styling. Successfully created our STEM fields quiz purely through React, and it was all of our first times using this library/framework

What we learned

Learning and coding with React → a lot of trial and error/debugging Mapping out how the generator will work and actually coding it into existence Coming up with questions for each of the 4 STEM categories-> science, tech, engineering, and math

What's next for SheTEM

-Enhance our affirmations page(we could utilize the gifs API in order to personalize some positive art for our user) -Make our quiz more complex by implementing an algorithm that will sort the user into a specific STEM career, with the questions becoming more specific as we progress -We can also plan on using more APIs and data collection to utilize someone’s MBTI results directly -We can gamify the platform to add some impostor syndrome combatting minigames, as well as mini simulators that walk students through life in a certain career.

Built With

Share this project:

Updates