Quotables

Inspiration

The inspiration for Quotable came from the idea that our emotions often dictate how we perceive the world around us. We wanted to create something simple yet powerful that could provide people with words of wisdom, validation, or comfort, depending on their current mood. Quotes have always had the ability to inspire or shift perspectives, so we thought, "Why not create an app that gives the right quote at the right time?"

What we Learned

Building this app taught us a lot about emotional intelligence and how different types of content can resonate with people based on their feelings. We also learned about organizing and distributing quotes in a way that balances variety and relevance. On the technical side, we gained a deeper understanding of React Native development, especially in managing mood-based content dynamically and ensuring the user interface stays simple but functional.

How We Built It

We built Quotables using React Native, which allowed me to develop for both Android and iOS platforms. We used npx create-expo-app@latest to set up the project and structured the code with mood-based categories, each containing a collection of quotes. The quotes were randomized within each mood category to provide variety. We also designed the UI to be minimalistic, allowing users to quickly select a mood and receive their quote without distractions.

Here’s a quick breakdown of the tech stack:

Frontend: React Native
Development Environment: Expo
Languages: JavaScript
Version Control: Git

Challenges

One of the main challenges We faced was deciding how to organize the quotes and distribute them evenly across different moods. We wanted the app to feel balanced and prevent repetition, which required thoughtful planning in both the dataset and the randomization logic. We also encountered issues with assetExt in the code, which took some debugging to resolve.

Another challenge was making sure the app was intuitive while still offering value. We wanted to keep the user experience simple—just pick a mood and get a quote—while ensuring the quote selection felt meaningful and engaging.

Despite these challenges, Quotables came together as a useful tool for anyone seeking a quote that speaks to their emotional state.