JAM | Devpost

Inspiration

As kids we all played Akinator where the genie was able to guess what we there thinking after only asking us a few questions. This feat was amazing to us making us believe he was the smartest bot ever. So, we decided to switch the roles and find out how smart WE are.

What it does

Our project uses AI that allows users to choose topics they want to learn or study and creates a fun learning game. The website will choose a noun from the topic that the user selected and the user can decide how many questions they need to guess that noun. The user is allowed to ask any yes or no question and the AI can only respond with yes or no. Our target audience are educators who want to make learning fun. In the future, we plan for users to be able to create their own categories and datasets for other people to continue learning.

How we built it

We primarily used NextJS with TypeScript and Tailwind CSS. For authentication, we utilized a Postgres Database on pgAdmin4, prisma for the ease of it, nodemailer to allow logging in through an email, and Google auth. Being an AI Wrapper, we utilized Google's free Palm AI to construct a prototype of our website.

Challenges we ran into

Our biggest challenge was figuring out how to get the Google AI to produce good results that would be easily formatted. Aside from that, learning to use Github for the first time in team development was also a struggle. Connecting to the API took a while and setting up authentication was tricky. But eventually, we managed to overcome these challenges and finish up our project.

Accomplishments that we're proud of

For our first hackathon we didn't know what to expect or what to do, but our team was able to communicate and collaborate smoothly. We were all able to work on different parts of the project at the same time without our code breaking or having internal conflicts.

What we learned

We were able to learn the full abilities of Github and how useful of a tool it is to a team. We learned lots about NextJS: API routes, client-server interaction, and manipulating react hooks. We learned to utilize CSS Tailwind and design a website with it.

More so, for our first hackathon, we learned the importance of proper planning. Drawing everything we wanted to do on a whiteboard really helped our team put together our ideas that led to the successful development of our prototype website.

What's next for JAM

If this continues, we hope to include more user functionality and upgrade to a better AI for higher quality play. We want to polish the edges and continue improving the website from its current state.