Fintech / AI / PWA

Konta AppKonta App

Reimagining personal finances.
Web • Mobile • PWA

Konta Mobile Light
Mobile Experience
Fluid and responsive design.
Konta Desktop
Central Dashboard
Full control from any screen.
AI Features
AI Assistant
Gemini Pro integration.
Konta Desktop Dark
Dark Mode
Nighttime productivity without eye strain.

Tech Stack

Next.jsTailwindGemini AIPWASupabase
Konta Mobile Dark Scan
Implemented OCR
OCR allows scanning invoices and receipts to import them directly into the app.
Konta Reports
Analytics & Reports
Complex data visualization made simple.

01.The Challenge

Most finance apps suffer from 'Excel Syndrome'. They are powerful tools but overwhelming for the average user.

Our client needed a solution that felt effortless. The goal was to reduce the 'time-to-insight' from minutes to seconds, primarily on mobile.

02.The Solution

  • Responsive Design: Works on Smartphones, Tablets, and Desktops.
  • Natural Language Processing for data entry.
  • Automatic categorization using Gemini 1.5 Pro.
  • Installable Progressive Web App (PWA).
  • Custom Offline-first architecture.

Technical Deep DiveTechnical Deep Dive

hooks/useSmartCategory.ts
1async function categorizeTransaction(description: string) {
2 // 1. Check local cache for similar transactions
3 // const cached = await db.categories.find({ description });
4 // if (cached) return cached;
5
6 // 2. Ask Gemini for semantic categorization
7 const model = genAI.getGenerativeModel({ model: "gemini-1.5-pro" });
8
9 const prompt = `Categorize this transaction: ${description}.
10 Return one of: [Food, Transport, Utilities, Entertainment]`;
11
12 const result = await model.generateContent(prompt);
13 const response = await result.response;
14
15 return response.text();
16}

// Impact and Results

80%Fast Entry

Reduction in time spent tracking expenses compared to traditional apps.

4.9/5User Satisfaction

Consistently rated top-tier for its UX and ease of use.

<50msLatency

Optimistic updates ensure the app feels instant, even without a network.

Ready to build your masterpiece?

Start an Iteration