Receiptly | AI Expense Tracker With Receipt Scanning, Analytics Charts and Chatbot - React Native

Receiptly | AI Expense Tracker With Receipt Scanning, Analytics Charts and Chatbot – React Native

Tags: receipt scanner, expense tracker, expense charts, ai chatbot, react native, expo, supabase, gemini ai, finance app, spending tracker, receipt ocr, budget planner, apple sign in, google sign in, money saving

About Receiptly

Receiptly is a complete AI-powered expense tracking app template built with React Native and Expo. Snap a photo of any receipt (or pick a PDF), let Google Gemini extract every line item automatically, and see your spending visualized in clean charts. An AI chatbot answers questions about your expenses, and a Suggestions tab shows where you could be saving money.

Demo Instructions

Receiptly is a template that connects to your own Supabase backend and Google Gemini API key – there is no hosted demo, so there are no login credentials to try. Everything is set up in under 30 minutes:

• Create a free Supabase project and run the included SQL schema (paste it into the SQL editor – table definitions are provided in the documentation).
• Create a free Google Gemini API key.
• Paste your Supabase URL, Supabase anon key and Gemini key into two configuration files (exact file and line numbers are in the documentation).
• Run “npm install” and “cd ios && pod install”, open the workspace in Xcode and press Run.
• Create your own account directly in the app with email and password, or sign in with Apple or Google – no pre-seeded account is needed.

A step-by-step setup guide with screenshots, the full database schema, and the optional Supabase Edge Function for the AI chatbot is included in the documentation.

Everything the App Does

• AI receipt scanning – upload a PDF or photo and Gemini 1.5 extracts supplier, date, taxes, totals and every line item
• Camera capture – take a photo of a paper receipt directly in the app
• Bill history list – every scanned bill with supplier, date and amount you paid
• Edit bills – change supplier, total, payment type and date with a built-in date picker
• Download the original receipt file from secure storage
• Duplicate bill detection – bills with the same ID are not stored twice
• Manual bill entry form with validation and date/time picker
• Monthly expenditure bar chart with cumulative daily spending and month/year navigation
• Today’s spending summary card
• Top 10 store expenses pie chart with legend
• Expense details table with supplier totals
• AI savings suggestions – item-by-item cheaper alternatives with estimated savings, sorted by savings
• AI finance chatbot – ask questions about your spending in a chat interface
• Recurring bill screens with recurrence intervals (biweekly, monthly, quarterly, yearly) included in the source
• Email/password authentication with password reset flow
• Apple Sign-In and Google Sign-In
• User profile with usage stats (bills scanned)
• Secure account deletion with double confirmation (data wiped from database)
• Logout
• Location-aware recommendations via reverse geocoding
• Analytics events via PostHog (optional)
• Empty states, loading spinners and friendly error alerts throughout
• Clean black and white minimalist design, light mode

Technology

• React Native + Expo (SDK 53, New Architecture enabled, Hermes engine)
• JavaScript (no TypeScript setup required)
• Supabase – authentication, PostgreSQL database, file storage, optional Edge Functions
• Google Gemini 1.5 Pro – receipt data extraction, savings suggestions and chatbot answers
• React Navigation 6 – bottom tabs and native stack
• react-native-chart-kit – bar and pie charts
• react-native-paper – Material Design components
• PostHog – product analytics (optional, free tier)
• iOS deployment target 17.0, Android included
• No paid subscriptions or third-party SaaS required – Supabase, Gemini and PostHog all have free tiers

External Services and Costs

This template relies on external third-party services: Google Gemini (AI receipt extraction, suggestions and chatbot), Supabase (authentication, database, file storage, optional Edge Functions) and PostHog (optional analytics). All three offer free tiers that are sufficient to run the app for development and testing. Disclaimer: you, the buyer, are solely responsible for any and all costs associated with these third-party services – for example if your usage exceeds the free tier limits or if you upgrade to paid plans in production. The author of this template is not affiliated with Supabase, Google or PostHog and assumes no liability for fees charged by these services. Please review the current pricing of each service before publishing your app.

What the Buyer Gets

• Full React Native / Expo source code (iOS and Android)
• Complete Xcode workspace with CocoaPods setup
• Complete Android Studio project
• Supabase SQL schema for all five tables
• Sample Edge Function code for the AI chatbot
• Step-by-step documentation with screenshots: setup, theming, renaming, App Store submission
• App icon and splash screen assets
• Free support through the item comments

Development Disclosure

Portions of this template’s source code were developed with AI-assisted tools. All code has been reviewed, tested and documented by the author.

Please Note

This is a source code template, not a compiled app. You will need Xcode (for iOS), Android Studio (for Android) and basic React Native knowledge to build and publish it. Reskinning, publishing to the App Store / Google Play and backend configuration are covered in the included documentation.