FinSense is a Progressive Web App (PWA) designed to look and feel like a premium mobile app. It features Smart SMS Parsing, Expense Trends, and Dark Mode.
You need two terminals open to run the full stack (Frontend + Backend).
This manages the Database (MongoDB) and API.
cd backend
npx nodemon server.jsPort: 5000
This runs the React Interface.
cd frontend
npm run devPort: 5173
- Go to: http://localhost:5173
- Mobile View: Right-click > Inspect > Toggle Device Toolbar (Ctrl+Shift+M) to see the mobile layout.
Since this is a PWA (Web App), you have two options:
You deploy the website to the internet. Users visit the link and click "Add to Home Screen".
- Push code to GitHub.
- Connect GitHub repo to Vercel or Render.
- Share the URL (e.g.,
finsense.vercel.app). - Users install it instantly (No APK download needed).
To get a real .apk file that you can send via WhatsApp:
- You must convert this project using Capacitor.
- Requirement: You MUST have Android Studio installed on your PC to build the final file.
- Commands:
cd frontend npm install @capacitor/core @capacitor/cli @capacitor/android npx cap init npx cap add android npm run build npx cap sync npx cap open android - Then, inside Android Studio, you click "Build APK".
- Smart Paste: Auto-detects amount/merchant from SMS text.
- Trends: Visual charts of your spending.
- Theme: Dark/Light mode toggle.
- Security: Duplicate transaction detection.