Inspiration
Anxiety and stress is a common problem among teens and college students. This causes people to feel depressed which leads to various problems. This can be prevented by reducing stress and anxiety. Considering everyone is always on their phones/computers, I wanted to create an app that is easy to use and helps bust stress in the click of the button. This way whenever someone is feeling stressed they can Ask Ivy to reduce their stress and anxiety levels.
What it does
Ivy is an app that gives users tasks to do that helps reduce stress. By clicking a button users get different tasks that they can use. All they have to do is click a button and gemini's API gives helpful advice. When they are done they can clear the screen to get new tasks later on.
How I built it
Ivy was built using React JS and the gemini API. By connecting an API key provided by gemini to my React App, I was able to create queries and help users stay less stressful.
I used react-bootstrap and query features of google to get both aspects work seamlessly together.
Challenges I ran into
1) Learning how to use Gemini API
- used online sources and self learned how the API works
- asked booth at hackathon when stuck
- played around with example github given and changed inputs to see what outputs look like
2) Connecting an API key successfully to my React App
- figuring out how to use a valid API key and connect it to my app was hard at first as I had not used gemini but after reading was able to connect to an app.
3) Figuring out how get the query to be not to long/not to short
- wanted query's response to be easy to understand and not too long
- to meet requirements tried many different queries to figure out which is best for my app until found a good one
4) Making Buttons work
- used react debugger to see why button clicking didn't showcase anything and realized had an error where the text in my blurb never changed
- fixed and was able to post text on screen after button was clicked
Accomplishments that I'm proud of
- combining Gemini API with React App so that my React APP has an AI aspect to it and each user sees a different output.
What I learned
- Gemini API
- React Bootstrap
- using AI in react apps and how that helps make projects easier
What's next for Ivy
- want to publish this as a chorome extension so that users can run the app whenver they are stressed an do not need to go to a link or download an app
- also want to create a discord bot so that students who text, when feeling anxious can use it to feel happier
Built With
- css
- gemini-api
- html
- javascript
- react
Log in or sign up for Devpost to join the conversation.