FinTrackr--Your new financial trackbook

home page/dashboard
home page/dashboard
single budget item page
budget management page
expense management page
profile page
contact us
set wallet page
dark mode dashboard
report
report page dark mode

Inspiration

Managing personal finances can often be overwhelming, with many tools offering limited features or complex user experiences. We wanted to create an all-in-one solution that simplifies budgeting, expense tracking, and financial goal management. The inspiration for FinTrackr came from the need for a user-friendly platform that makes personal finance accessible, insightful, and actionable for everyone.

What it does

FinTrackr is a comprehensive personal finance tool that allows users to:

Track Expenses: Easily log daily expenses and categorize them for better insights.
Set Budgets: Create budgets across various categories and monitor your spending against these goals.
Generate Reports: View visual reports that display your savings progress, spending patterns, and category-wise breakdowns.
Set Savings Goals: Set financial goals and track your progress to stay motivated.
User Authentication: Sign up, log in, and securely manage your financial data.
Responsive Design: Accessible on any device, making it easy to manage your finances on the go.

How we built it

We built FinTrackr using modern web development technologies:
Frontend: React.js with Vite for a fast, responsive user interface.
Backend: Express.js for handling server-side logic and API requests.
Database: MongoDB for secure, scalable storage of user data.
Authentication: JSON Web Tokens (JWT) for secure user authentication.
Styling: Tailwind CSS for a clean and modern user experience.
Charts & Visualization: Chart.js for visualizing spending trends and savings progress.
Email Integration: EmailJS for sending contact form messages.

Challenges we ran into

Building a complete financial management system had its challenges:
State Management: Managing complex user data like budgets and expenses across different pages required efficient state management.
Security: Ensuring secure authentication and protection of sensitive financial data was a priority.
Deployment: Integrating backend and frontend in a seamless way during deployment, ensuring that all APIs worked as intended.

Accomplishments that we're proud of
Successfully implementing a full-stack financial tracker that covers multiple aspects of personal finance.
Creating a seamless, intuitive user experience that allows users to interact with their data in real-time.
Achieving secure user authentication and authorization with JWTs.
Implementing dynamic charts and reports for a comprehensive view of financial health.

What we learned
Full-Stack Development: Gained deeper experience in integrating frontend and backend technologies for a complete web application.
Authentication & Security: Implementing secure user authentication using cookies, JWTs, and managing sensitive data.
Data Visualization: Leveraging Chart.js for creating insightful and interactive financial reports.

What's next for FinTrackr--Your new financial trackbook
Providing AI support to the users in order to provide better experience and advance features.