Phi-bot

To provide emotional company for people living in the hustling modern society by offering philosophical insights, humor, and motivation through an easy-to-use interface.

Comment

Inspiration - The Movie "Inside Out"

  • Joy: Encourage you when you feel positive.
  • Sadness: Soothe you when you feel frustrated.
  • Anger: Calm you when you feel irritated.
  • (New) Joker: Entertain and ridicule you when you feel bored.

What is Phi-bot

Phi-bot offers people living in the bustling modern society philosophical insights, humor, and motivation through an easy-to-use interface. Our targeted audience? Everyone! Any individual seeking emotional support, motivation, or amusement in their daily lives can use our app.

What it does

Users can see a philosophical sentence and a corresponding diagram every time they press the button. Users can choose from categories like "Joy," "Sadness," "Anger," and "Joker." Users can like (save), share, and comment on the generated content.

How we built it

We first used Figma to design the prototype of our app, which includes all the features described above. Then, we explored multiple ways to export the Figma files into React Native and Expo, and managed to upload them on Github via Git commands. Afterwards, we designed a simple website using GoDaddy and Porkbun for presentation.

Challenges we ran into

Setting up the running environment and developing the demo was challenging. Since it was our first time building an app with React Native and Expo, we spent approximately three hours figuring out how to structure the project. During the development, we encountered many problems and managed to try to solve them by reading official documentation and watching Youtube tutorial videos.

Accomplishments that we're proud of

  1. It's our first time to attend an in-person hackathon as Grade 12 students.

  2. We designed 6.5 pages with smooth user interfaces.

  3. We set up a website using GoDaddy Domains.

  4. We created a simple app demo using React Native + Expo.

  5. We prepared a well-designed presentation to share our idea.

What we learned

Before attending a hackathon, it's important to have some programming knowledge, especially about the product we plan to design.

As regards technologies, we have deepened our understandings of:

Git and GitHub: We found it challenging to use command lines in Git to upload multiple folders to GitHub, but it was a valuable experience using CMD and understanding the logic of running code.

Figma: A great website for app and website design! We enjoyed designing multi-colored pages and cool fonts to make our app appealing.

React Native + Expo: Despite having zero experience with these tools, we managed to connect with our devices and develop an app demo by reading documentation and watching YouTube videos.

Canva: A great tool for presentations that we have used many times before.

GoDaddy & PorkBun: Convenient tools to design a simple website for our presentation.

What's next for Phi-bot

  1. Translation: Offer content in multiple languages, broadening the user base.
  2. Pronunciation: Read out the generated sentences, making it accessible for visually impaired users.
  3. AI Drawing Integration: Generate unique diagrams to accompany the philosophical sentences, enhancing visual appeal.
  4. Social Features: Enable online sharing and community engagement, allowing users to connect and interact (server technologies required).
Share this project:

Updates