Within

title screen
example multiple choice question
example short answer question
building clones
flow of chat
clones replying to one another
stop flow of chat

Inspiration

My inspiration for the project was the internal conflict whenever you have to make a decision. You have to choose between what you need to do and what feels right (like good and bad angels from The Simpsons). That feeling kept on coming back to me during this event, and I wanted to recreate that with Within.

What it does

You make 6 clones of yourself through a personality quiz and some short-answer questions. Then you delve deep within yourself and discover who you really are and what personality you feel like

How I built it

I used React to set up the main UI of the app, with the backend being made with Node.js. To view the app I also used Vite to deploy a local client of Within onto a web browser and to display the UI/UX with added tools.

Challenges I ran into

Some challenges that I ran into were figuring out API key issues. Sometimes they wouldn't connect properly and threw CORL errors, 401 errors, and many more. I found this when my exit case started tripping when it showed the bot as offline.

Accomplishments that I'm proud of

I am extremely proud of the chat system and the tagging of specific clones/users. I spent most of my time figuring out those systems and the logic behind them

What I learned

When making this application, I expanded on my knowledge of React and how the webhooks work. I also learned how API calls exactly work and how that some parts were asynchronous (allowing for the bots to reply independently of each other)