MoneyMap is a comprehensive SaaS web application designed to streamline your financial management. With a user-friendly interface and robust features, MoneyMap empowers you to take control of your finances, track your spending, and plan for a secure financial future.
Preview Link:
https://moneymap-psi.vercel.app/
Key Features
Create and Manage Categories: Easily organize your finances by creating and managing custom categories. Whether it’s groceries, entertainment, or utilities, you can categorize your transactions for better clarity and organization.
Create and Manage Transactions: Log your income and expenses with ease. MoneyMap allows you to create, and delete transactions, ensuring that your financial records are always accurate and up-to-date.
Monthly and Yearly History with Bar Charts: Visualize your financial data with intuitive bar charts. Track your spending and income trends on a monthly and yearly basis, helping you make informed financial decisions and spot patterns over time.
Settings to Manage Categories, Currencies, and Billing Information: Customize MoneyMap to fit your unique financial situation. Manage your categories, set your preferred currency, and update your billing information all from one convenient settings menu.
Monthly Subscription with Stripe Integration: Enjoy seamless and secure payment processing with Stripe integration. Subscribe to MoneyMap on a monthly basis and manage your subscription with ease.
Dark and Light Mode Support: Toggle between dark and light modes to suit your preference and reduce eye strain. MoneyMap provides a seamless experience in both modes, ensuring comfortable use in any lighting condition.
MoneyMap is the ultimate tool for anyone looking to gain control over their finances and achieve their financial goals. Start your journey to better financial health with MoneyMap today.
Tech Stack
Frontend:
- React (v18)
- Next.js (v14.2.3)
- Tailwind CSS (v3.4.1)
- Recharts (v2.12.7)
- React Hook Form (v7.51.4)
- NextAuth.js (v4.24.7)
- Stripe API (v15.12.0)
- React Query (v5.37.1)
Backend:
- Node.js
- Prisma (v5.14.0)
- PostgreSQL (via Prisma Client, v5.14.0)
- TypeScript (v5)
Authentication & Authorization:
- NextAuth.js for authentication
- JWT (likely managed by NextAuth.js)
Payment Integration:
- Stripe API for handling payments and subscriptions
Other Tools:
- Date-fns (v3.6.0) for date manipulation
- Prettier (v3.2.5) for code formatting
- ESLint (v8) for linting
- Tailwind CSS plugins for styling enhancements
This tech stack utilizes modern JavaScript frameworks and tools to build a scalable, performant, and secure SaaS web application like MoneyMap. It leverages Next.js for server-side rendering, React for the frontend, Prisma for ORM and database management (with PostgreSQL), and integrates with Stripe for handling payment functionalities.
