FairShare

• 

  App home page

• 

  This is the dialogue screen in which the user can consult the Azure-Ai chat client about their transactions/financial health

• 

  This screen monitors your day to day expenses and visualizes them in a real-time pie graph

• 

• 

  Users can navigate to this screen in order to monitor their transactions. The color coded icons implicate the level of fraud risk

Project Story: FairShare

Inspiration

Growing up in immigrant households, many of us witnessed firsthand the financial challenges our families faced as they adapted to life in the U.S. Navigating an unfamiliar financial system came with a steep learning curve, and those early experiences inspired us to make financial literacy more accessible. We wanted to create something that would help families and children alike—people who may be facing similar growing pains—understand and manage their finances with greater ease.

What We Learned

Working on FairShare has been an incredible learning experience for our team. We deepened our knowledge of React Native and honed our skills in JavaScript and CSS. Throughout the process, we learned how to build a mobile app from the ground up, how to effectively integrate APIs, and how to craft user-friendly tools that address real-world financial problems. One of the most interesting aspects was diving into expense splitting, something that resonates with anyone who has ever had to share a bill.

How We Built It

We developed FairShare using Visual Studio Code (VSCode) with React Native as our primary framework. The core functionality was implemented in JavaScript, and the design was styled with CSS. A major feature of the project was integrating Azure AI, which allows users to receive personalized financial insights based on their transaction history. The AI fetches and analyzes transaction data, giving users recommendations to better manage their financial well-being.

Challenges We Faced

The journey came with its share of obstacles:

• Azure AI Integration: Implementing Azure AI’s API was one of the most challenging parts, especially ensuring that data was handled securely. Managing sensitive financial information raised important considerations regarding privacy and security.
• Discrepancies Between Front-End and Back-End: We ran into several issues synchronizing data between the user interface and the back-end. Troubleshooting these discrepancies taught us a lot about debugging and how to structure a more seamless connection between both ends of the application.
• Learning React Native: Many members of our group were new to React Native, which added another layer of complexity to the project. However, through teamwork and persistence, we managed to overcome the learning curve and successfully implement a functional app.

Tagline

Get Your Piece of the Financial Pie with AI-Powered Expense Splitting!

Built With

• css
• javascript
• react-native