STEM4stems | Devpost

Inspiration

We wanted to make an application to do good to society and we decided what would be a better place to start than the future of our world, the children. We decided to create an interactive educational web app that educates young stems about a career path in STEM

What it does

Fully functional React webpage that allows users to read interesting facts about STEM concepts and test their knowledge by way of AI generated quizzes

How we built it

We used React with Typescript to make the web application, and then called an artificial intelligence API in order to generate interesting facts about STEM related concepts, and then made a quiz feature using the same API that generated questions for users to test their knowledge

Challenges we ran into

We underestimated the challenge of prompt engineering. We had troubles with the data changing between multiple API calls. However, we were able to overcome this by prompt engineering with lots of detail.

Accomplishments that we're proud of

We decided to use Three.js to make our website more appealing to our users, and we were able to learn it for the first time ever on the fly in order to generate some interactive animations and challenges. Putting that together with the nextjs framework-react webpage really took our idea to the next level.