WeTalk.ai

Feel lonely? Chat with your 24/7 AI friend!

Comment

Inspiration

Loneliness has been an issue during covid-19. Young adults are hit hardest by loneliness during pandemic. The web app can connect users with an AI friend to spend some quality time together. You can have casual chats with the friendly AI, who will never get bored with your questions and random requests! Hope the AI will help you feel accompanied in this crazy world.

About The Developer

This web app is developed by Xinyi Wu, who is a master of Computer Software Systems candidate from Northeastern University. Feel free to get connect with her through Linkedin.

What it does

Users can send texts prompts through the app, and the AI responses will be displayed in the "AI Response" section. The correspondences are sorted from latest to oldest. Don't know what to talk to the AI? Try one of the preset prompts in the web app to get started. Users can let the friendly AI to write a poem, tell a story or write a Google review based on your key words. Please remember to be kind and do not abuse your AI friends!

Check out some fun responses here -

prompts: tell me a story about sun, moon and stars.

responses: Once upon a time, the sun, moon, and stars were all good friends. They would go out together and have fun, but one day the sun got too hot, the moon got too cold, and the stars got too busy. They stopped being friends and just lived their lives separately.

How I built it

I built the user interface and the API connection with the AI using React and CSS. I used openAI as the friendly AI bot behind the screen.

Challenges I ran into

The users should feel easy and intuitive to interact with the AI. Therefore, I spent lots of time to design the user experience flow and the web app layout. I also tried to express my care for users through coding details about the web app.

  • I implemented preset prompts that can help user to onboard with the experience.
  • Besides, when using the app, users can see loading indicators.
  • They will also see user-side error messages that can help them with the AI errors if there is any.
  • HTML tags are semantic for accessibility.

The web app is furnished to ensure a clear UX/UI experience to facilitate the user interaction with the AI.

Accomplishments that we're proud of

  • Being able to finish the prototype and deploy the web app on Heroku for users to try out.
  • Protect my API key through environment variable.

What I've learned

  • Git management for Github and Heroku
  • Deployment on Heroku
  • Protect my API key without implementing a back-end by myself
  • Implement a web app without writing the AI bot by my own

What's next for Have Fun with Your AI Friend

Your AI Friend can do a lot more than a chat bot. It can help you with translation, code debugging, code language translation and even help with your JavaScript questions. The next step could be to include all those services in the web app. Users can choose how they would like to interact with the AI.

Share this project:

Updates