Twenty One Hundred

Inspiration

We were inspired by the theme "Legacy" and interpreted it to mean how we as people can have a lasting effect on generations to come through our actions of today. 2100 aims to show people how small changes today can have huge impacts tomorrow leaving a lasting legacy.

What it does

2100 is a text-based game powered by Gemini AI. It sets a scene 75 years in the future where our actions have left the world in ruins. The player responds with actions they can / will do to improve this. Their actions are given a score, as they complete more actions, big or small, it rebuilds the future to look brighter action by action. Once the future is no longer in danger, the text prompts end and the user is given an end score and a Efficacy score. Users can lose by only committing negative actions. The AI judges the users actions to give a score. The AI tells a story that is immersive.

How we built it

We built the front end using React. The backend was built using python and flask. The backend provides endpoints that can be called to generate parts of a story and this is sent back and streamed to the user. Reacts components allows reusable parts such as the text bubble. The text bubble can change colour based on the action the user had done. Negative actions are red, neutral actions are grey and positive actions for the future are green.

Challenges we ran into

As it was our first time using Geminis API, at times we struggled to get the correct prompt and have the model output the data in the correct format. However, googles documentation was extremely useful and gemini as an AI is very powerful for what it can do. Another issue we ran in to was making the streaming of the text smooth rather than just appearing on the screen. We spent time using react states, references and contexts to get it to work. In the end , reacts powerful APIs and useful documentation was able to guide us to do so.

Accomplishments that we're proud of

We are proud that we were able to complete a project as for some of us it was our first Hackathon. We also proud that the project is functioning as we intended and as a sleek , modern UI to it.

What we learned

In building this project we learnt the use of AI APIs as well as using React to build powerful UIs. For some of us we had never worked on anything on the front end , so it was a new experience and a learning curve for all of us especially to use react to build a project like this.