Break Norm

Inspiration

When I first saw the theme "break the norm", I immediately thought of taking that very literally. What if instead of doing something TO break the norm, the app that I made was related to "breaking" a little guy named norm. I took even more inspiration after seeing the chatbot made in the opening ceremony demo, seeing if I could make something similar.

What it does

This is a a web app developed with Next.js where you can bonk a chatbot named Norm on the head to make him run faster. Just be careful though: enough bonks and he might become more angry, rushed, and burned out.

How I built it

This webapp is made using:

• Next.js
• React
• TypeScript
• Tailwind CSS
• Google Gemini/Gemma API

Challenges I ran into

I definitely had the most problem getting the gemma api to cooperate with me, and finding a way to incorporate it into a next.js app instead of just a python app like every tutorial online was showing me, but I eventually figured it out!

Accomplishments that I'm proud of

One of the things I wanted to do in this project was to make the user more empathetic to norm. This was my first time implementing smaller components in next.js, seperate from the main web page, as well as my first time making a design other than website design (for a face for norm)

What I learned

I learned the most about using gemma ai api, and I'm definitely going to play around with it in the future.

What's next for Break Norm

Right now AI chat platforms are built directly around validating each and every one of user's request. To achieve true sentience, AI must be able to disagree and generate new ideas on their own. Perhaps the ideas taken from this can lead me into deeper AI research with this in mind.

Built With

• api
• gemma-4
• google-gemini
• google-gemma-api
• nextjs
• react
• tailwind-css
• typescript