Du-It!

Inspiration

Just like a little boy in a man's world, we are a newcomer in hackathon. Our inspiration is based on experience as a student. We want to solve the one of the biggest problem in Indonesia, financial literacy. Financial literacy isn't easy. You have to know something called framework of financial statements, savings, budgeting, investing, etc. Therefor, that's not impossible to understand but indeed needs a lot of time to make it habit. Hence, we help people with an assistant that can helps them to achieve their financial goal. "Financial goal play an important role in measuring a person's financial literacy", (Dewi, et al., 2020). OJK state that financial literacy index in Indonesia is only 49,68% which almost but not a half. It means that financial literacy has not spread enough and we want to start from a little step. Please welcome, Du-It! the first financial goal assistant in Indonesia. The idea is pretty simple. We help people with a financial problems, goals, and maybe growth with a detailed step by step and some recommendation by analysis with automation. We know that manual financial consultant isn't relevant when we want to approach to this problem. Hence, we integrate the gemini ai built-in.

What it does

Generate detailed step-by step to get the user's financial goals and gives friendly recommendation. The required user data is all about his/her financial condition. We don't ask for a personal data except income, expense, financial goals/problems, custom financial condition.

How we built it

Firstly, we input npm create-react-app inside the terminal and explore gemini-1.5-flash api to be our assistant. At first, we thought we could handle the vercel sdk with nextjs. But then, we found that the documentation is unreadable. So we tried with react js. But long before that, our "UI/UX Designer Hero" was making the unique prototype and logo. We integrate the framer Landing page to the real react web-app. There's one powerful argument about that, "First Impression is everything". We want to attract the society with the best first impression so we can spread the financial literacy wider. Actually we just connect framer landing page with react.

On UI/UX Design we use :

• Figma
• Framer
• Canva

On Frontend we use :

• React v18.3.1
• Tailwindcss v3.4.4
• DaisyUI v4.12.10

On AI API we use :

• gemini-1.5-flash API (Free plan)

Challenges we ran into

Developing Du-It! meet us with those challange :

• Hardware problems (lose 1 laptop adaptor)
• Prompt engineering problems
• Github repository problems

Accomplishments that we're proud of

Here are accomplishments that we're proud of :

• We've successfully prompted gemini to build what we wanted to for MVP (Minimum Viable Product)
• We've successfully developed interesting UI for landing page
• We've successfully build this project stick to the first plan

What we learned

• Teamwork is not always together but covering each other
• Integration with AI is really challenging even though we didn't make it from scratch
• Prompt engineering is really important and challenging because we need to make sure the output is relatively consistent and we achieved it by debugging for many times

What's next for Du-It!

Currently Du-It! cannot save user progress because of time limit and development experience. Hence we will make :

• Tracking of user's progress goals
• Integration feature with other related financial app
• Collaborating with professional that work as a financial planner to improve our prompt engineering

Built With

• daisyui
• figma
• framer
• gemini-3.5-flash
• react
• tailwindcss