Expensify is a sleek, voice-powered expense tracker designed to make recording income and expenses effortless. Whether you're online or offline, Expensify keeps your finances in check with smart parsing, responsive design, and local data storage — all with a neon-futuristic touch. This is a project that helps people to manage their daily and monthly expenses with a clean UI and modern features.
-
🎙️ Voice Command Input
Speak naturally to record your expenses. Example:
"Expense 1200 into Netflix and category entertainment" -
🧠 Intelligent Parsing
Detects type, amount, description, and category in one go -
💾 Offline Support
Data persists using localStorage, even with no internet -
🎨 Modern Neon UI
Eye-catching, responsive design with hover effects and icons -
🔍 Custom Category Matching
Category guesses based on common phrasing and synonyms -
🔊 Live Mic Feedback
Shows recording and processing animations while speaking
Page UI Screenshot 1: First time visit to the website
Page UI Screenshot 2: Pi chart with some data
Page UI Screenshot 2: Pi chart with some data
Page UI Screenshot 3: Filters and transactions section of the page with some data
Form UI Screenshot 1: Categories Preview
Form UI Screenshot 2: Preview of the month filter
Form UI Screenshot 2: Preview of the month filter
🎙️ Voice Commands: Taking input of command from user (Example in this case: "Expense 10000 into Electricity Bill, category bills")
Voice Input Screenshot 1: Initiating input
Voice Input Screenshot 2: Result of the input
- React + TypeScript
- Tailwind CSS
- Vite
- Lucide Icons
- Web Speech API for voice recognition
- LocalStorage API for offline support
git clone https://github.com/yourusername/expensify-voice-tracker.git
cd expensify-voice-trackernpm install
npm run dev
Now visit: http://localhost:5173
You can say things like:
Expense 500 into Uber ride and category transportation Income 8000 into freelance project and category salary Expense 250 into lunch and category food and dining
- Type (expense or income)
- Amount
- Description (after "into")
- Optional: Category (after "category")
- Use Chrome or Edge for best voice recognition support
- Speak clearly and slowly
- Grant mic permissions to the browser
If you'd like to deploy it:
- ☑️ Vercel: Just connect your GitHub repo and it works out of the box
- ☑️ Netlify: Drop the dist folder after building with npm run build
- ☑️ GitHub Pages: Use gh-pages package for deployment
- Export/Import data as CSV
- Add graphs and analytics
- Integrate cloud sync option
- Multilingual voice support
Got ideas or bug fixes? Contributions are always welcome! Just fork the repo, make your changes, and open a pull request.
MIT License © 2025