Skip to content

Finlytics is a modern, secure, and responsive income & expense tracker app built with React.js and Spring Boot, featuring real-time notifications, category-based tracking, and a professional dashboard UI.

Notifications You must be signed in to change notification settings

Rashmi-2005-Ranjan/Finlytics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

47 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’° Finlytics

Finlytics is a fully functional Income & Expense Tracker app built with React.js, Tailwind CSS, Spring Boot, and MySQL.
It helps users manage their finances efficiently with modern UI, real-time notifications, and secure authentication.


πŸš€ Key Features

βœ… Add & Delete Income/Expense Records with category selection and emoji icons
βœ… Confirmation Modal for safe deletion
βœ… Real-Time Toast Notifications using react-hot-toast
βœ… Category Filtering for better data management
βœ… Loading Spinners & Lucide React Icons for enhanced UI feedback
βœ… Modern & Professional UI with a beautifully crafted landing page and dashboard
βœ… Secure Authentication with stylish Login & Signup pages
βœ… Ready-to-Use Components (headers, footers, forms, buttons)
βœ… Fully Responsive Design for desktops, tablets, and mobile devices
βœ… SEO-Optimized Landing Page for better reach
βœ… React Charts Integration: Line chart, Pie chart, and other visualizations for financial data


πŸ§‘β€πŸ’» Tech Stack

Frontend:

  • React.js
  • Tailwind CSS
  • Lucide React Icons
  • React Chart (Line, Pie, etc.)

Backend:

  • Spring Boot
  • MySQL

Other Tools:

  • react-hot-toast for notifications

🧠 What I Learned

  • Building a full-stack Income & Expense Tracker with React.js and Spring Boot
  • Implementing Secure Authentication with login/signup forms
  • Using React Charts to visualize financial data dynamically
  • Real-time notifications using react-hot-toast
  • Input validation, confirmation modals, and responsive UI design
  • Integrating Lucide React Icons and Tailwind CSS for modern UI
  • Handling category filtering and CRUD operations efficiently
  • Connecting frontend with backend using REST APIs

πŸ‘¨β€πŸ’» Author

Developed by Rashmi Ranjan Behera
πŸ’Ό Passionate Full-Stack Developer | React | Spring Boot | Tailwind CSS


⭐ Support

If you like this project, give it a ⭐ on GitHub! Your support motivates me to create more awesome projects πŸš€

About

Finlytics is a modern, secure, and responsive income & expense tracker app built with React.js and Spring Boot, featuring real-time notifications, category-based tracking, and a professional dashboard UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published