Smart Finance Planner
A full-stack web application that helps users track expenses, manage budgets, and gain financial insights in a simple and intuitive way.
Features
Track income and expenses Categorize transactions Visualize spending patterns Smart financial insights (AI-ready) Secure backend with database integration
Tech Stack
Frontend
- React (Vite)
- TypeScript
- Tailwind CSS
Backend
- Node.js
- Express.js
Database
- PostgreSQL (via Drizzle ORM)
Project Structure
SmartFinancePlanner/ client/ #Frontend (React) server/ # Backend (Node/Express) shared/ # Shared schemas/types drizzle.config.ts package.json
Setup Instructions
1. Clone the repository
```bash
git clone https://github.com/your-username/SmartFinancePlanner.git
cd SmartFinancePlanner
- Install dependencies
npm install
- Setup environment variables
Create a .env file in root:
DATABASE_URL=your_database_connection_string
- Push database schema
npx drizzle-kit push
- Run the app
npm run dev
Running Locally
App will be available at:
http://localhost:5173
Future Enhancements
AI-based spending insights Mobile app integration Budget alerts & notifications Cloud deployment
Contributing
Feel free to fork the repo and submit pull requests.
License
This project is open-source and available under the MIT License.
Author
Developed by Khushi Hatimuria
Built With
- css
- node.js
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.