MOMONEY

• 

  Main Page

• 

  Dashboard

• 

  Graphs + Stats

• 

  Income

• 

  Budgets

• 

  Create a Budget

• 

  Expense information

• 

  Expenses List

Inspiration

MOMONEY was inspired by the challenges and issues we encountered when trying to track our personal finances. Most people don’t and can’t receive financial advice at their earliest convenience. However, with the help of an AI-powered financial advisor, users are able to input their income, expenses, and budget to receive personalised advice on how they can best manage their finances.

What it does

MOMONEY is a financial tool used by people looking to find a convenient and straightforward way to receive well-informed financial advice. Through creating an account, users keep a record of their financial history and patterns. There are three inputs the user can input: expenses, budget, and income. From that data, an activity graph is created that visually displays the ratio of expenses to budget. Latest expenses are also shown to allow the user to quickly view their financial history.

How we built it

MOMONEY is a Next.js application using Tailwind CSS and JSX. Frontend used shadcn/ui lib and Aceternity/ui lib. Neon used to manage the PostgresSQL. Clerk for authentication and User management. OpenAI API for generating tips for financial management.

Challenges we ran into

We have never worked with data management nor SQL. In this project, we used an unfamiliar platform, Neon Console, to manage PostgreSQL. From Neon Console, we were able to push our data from income, budget, and expenses.

Accomplishments that we're proud of

Despite the many difficulties throughout the project, we were able to follow through and polish up the project by the deadline. We even ended up with some extra time that we allocated to making the UI very cute! The homepage of MOMONEY greets the user with a fun interactable visual imported from the Aceternity UI library.

What we learned

MOMONEY taught us perseverance, curiosity, and adaptability–qualities that allowed us to succeed in completing the project. Not only that, it taught us some proficiency in technical skills such as React, Next.js, and the use of Neon Console to manage our databases.

What's next for MOMONEY

Currently, MOMONEY only allows users to input three arguments: income, budget, and expenses. This information is used to create simple financial patterns. However, there are more features that could be implemented to provide more effective financial advice. To name a few: MOMONEY could implement weekly insights that highlight the most purchased items, personalized recommendations to cut-down spending, or sharing between users. Most importantly, since MOMONEY is currently only available on a localhost server, it would need to be hosted on a server that is open to the public in order for everyone to use it.

Built With

• aceternity
• clerk
• jsx
• neon
• next.js
• openai
• shadcn
• tailwindcss