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, price range planner, apple sign up, google sign up, cash saving
About Receiptly
Receiptly is a whole AI-powered expense monitoring app template constructed with React Native and Expo. Snap a photograph of any receipt (or decide a PDF), let Google Gemini extract each line merchandise robotically, and see your spending visualized in clear charts. An AI chatbot solutions questions on your bills, and a Recommendations tab exhibits the place you may be saving cash.
Demo Directions
Receiptly is a template that connects to your personal Supabase backend and Google Gemini API key – there isn’t any hosted demo, so there aren’t any login credentials to strive. All the things is ready up in below half-hour:
- Create a free Supabase mission and run the included SQL schema (paste it into the SQL editor – desk definitions are supplied within the documentation).
- Create a free Google Gemini API key.
- Paste your Supabase URL, Supabase anon key and Gemini key into two configuration recordsdata (actual file and line numbers are within the documentation).
- Run “npm set up” and “cd ios && pod set up”, open the workspace in Xcode and press Run.
- Create your personal account straight within the app with electronic mail and password, or sign up with Apple or Google – no pre-seeded account is required.
A step-by-step setup information with screenshots, the complete database schema, and the elective Supabase Edge Operate for the AI chatbot is included within the documentation.
All the things the App Does
- AI receipt scanning – add a PDF or photograph and Gemini 1.5 extracts provider, date, taxes, totals and each line merchandise
- Digital camera seize – take a photograph of a paper receipt straight within the app
- Invoice historical past record – each scanned invoice with provider, date and quantity you paid
- Edit payments – change provider, complete, cost kind and date with a built-in date picker
- Obtain the unique receipt file from safe storage
- Duplicate invoice detection – payments with the identical ID will not be saved twice
- Guide invoice entry kind with validation and date/time picker
- Month-to-month expenditure bar chart with cumulative every day spending and month/yr navigation
- At the moment’s spending abstract card
- High 10 retailer bills pie chart with legend
- Expense particulars desk with provider totals
- AI financial savings options – item-by-item cheaper options with estimated financial savings, sorted by financial savings
- AI finance chatbot – ask questions on your spending in a chat interface
- Recurring invoice screens with recurrence intervals (biweekly, month-to-month, quarterly, yearly) included within the supply
- E mail/password authentication with password reset circulate
- Apple Signal-In and Google Signal-In
- Person profile with utilization stats (payments scanned)
- Safe account deletion with double affirmation (information wiped from database)
- Logout
- Location-aware suggestions by way of reverse geocoding
- Analytics occasions by way of PostHog (elective)
- Empty states, loading spinners and pleasant error alerts all through
- Clear black and white minimalist design, gentle mode
Expertise
- React Native + Expo (SDK 53, New Structure enabled, Hermes engine)
- JavaScript (no TypeScript setup required)
- Supabase – authentication, PostgreSQL database, file storage, elective Edge Features
- Google Gemini 1.5 Professional – receipt information extraction, financial savings options and chatbot solutions
- React Navigation 6 – backside tabs and native stack
- react-native-chart-kit – bar and pie charts
- react-native-paper – Materials Design elements
- PostHog – product analytics (elective, free tier)
- iOS deployment goal 17.0, Android included
- No paid subscriptions or third-party SaaS required – Supabase, Gemini and PostHog all have free tiers
Exterior Providers and Prices
This template depends on exterior third-party providers: Google Gemini (AI receipt extraction, options and chatbot), Supabase (authentication, database, file storage, elective Edge Features) and PostHog (elective analytics). All three provide free tiers which are adequate to run the app for improvement and testing. Disclaimer: you, the client, are solely liable for any and all prices related to these third-party providers – for instance in case your utilization exceeds the free tier limits or for those who improve to paid plans in manufacturing. The writer of this template will not be affiliated with Supabase, Google or PostHog and assumes no legal responsibility for charges charged by these providers. Please evaluate the present pricing of every service earlier than publishing your app.
What the Purchaser Will get
- Full React Native / Expo supply code (iOS and Android)
- Full Xcode workspace with CocoaPods setup
- Full Android Studio mission
- Supabase SQL schema for all 5 tables
- Pattern Edge Operate code for the AI chatbot
- Step-by-step documentation with screenshots: setup, theming, renaming, App Retailer submission
- App icon and splash display property
- Free assist by the merchandise feedback
Growth Disclosure
Parts of this template’s supply code had been developed with AI-assisted instruments. All code has been reviewed, examined and documented by the writer.
Please Be aware
This can be a supply code template, not a compiled app. You have to Xcode (for iOS), Android Studio (for Android) and fundamental React Native data to construct and publish it. Reskinning, publishing to the App Retailer / Google Play and backend configuration are coated within the included documentation.
