Skip to content

Our Next.js Expense Tracker App offers a user-friendly and intuitive interface to help students gain control over their finances. By providing personalized budgeting tips and real-time spending insights, the app empowers users to make informed decisions and achieve their financial goals.

License

Notifications You must be signed in to change notification settings

GunaPalanivel/Fin-Flow

 
 

Repository files navigation

Next.js Expense Tracker App

Introduction

Welcome to the Next.js Expense Tracker App repository! This innovative solution was developed by Mavericks for the Recursion Hackathon 24 - Idea Submission Round. Our team is passionate about empowering students with better financial management tools through our Next.js Expense Tracker App.

Problem Statement

Students often face difficulties managing their monthly expenses, from rent and groceries to textbooks and extracurricular activities. Financial stress is prevalent among students, with many struggling to make ends meet and feeling anxious about their financial situation.

Solution Overview

Our Next.js Expense Tracker App offers a solution to help students gain control over their finances. Leveraging the power of Next.js, React, and Tailwind CSS, our app provides budgeting tips, real-time spending tracking, and interactive data visualizations. Key features include customizable budget categories, interactive data visualizations, and insightful analytics.

Recognization and Awards

My team, Mavericks, consisting of myself, Guna Palanivel, along with my teammates Pranav KR and Sriram Udhayakumar, participated in the prestigious Recursion Hackathon held at Pondicherry Univeristy, Puducherry on 03/05/2024 to 04/05/2024. And guess what? We clinched the second prize in both the preliminary and final rounds, along with a cool cash prize of ₹1000!

To Know More About Our Project

Please find the LinkedIn post here.

Please find the Project Proposal here.

Features

  • Customizable Budget Categories: Tailor the app to your unique financial needs.
  • Interactive Data Visualizations: Gain a visual understanding of your spending habits.
  • Real-time Spending Tracking: Monitor your expenses and make informed decisions.
  • Responsive Design: Enjoy a seamless user experience on any device.

Installation

  1. Clone the repository: git clone https://github.com/Mavericks/Expense-Tracker-App.git
  2. Install dependencies: npm install
  3. Run the app: npm start

Demo

Check out our live app demonstration here

Once you have created an account Login here

Roadmap

Version 1.0 (Current)

  • Basic functionality: Expense tracking, budget categories, data visualization.
  • Responsive design: Optimal user experience across devices.

Version 2.0 (Upcoming)

  • Enhanced customization options.
  • Integration with banking services.
  • Advanced analytics and AI-driven financial recommendations.

Contributing

We welcome contributions from the community to make the Next.js Expense Tracker App even better! To contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/my-feature.
  3. Commit your changes: git commit -am 'Add new feature'.
  4. Push to the branch: git push origin feature/my-feature.
  5. Submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Special thanks to Pondicherry University and the organizers of the Recursion Hackathon 24 for providing this platform for innovation.
  • Credits to the Next.js, React, and Tailwind CSS communities for their amazing frameworks and tools.

About

Our Next.js Expense Tracker App offers a user-friendly and intuitive interface to help students gain control over their finances. By providing personalized budgeting tips and real-time spending insights, the app empowers users to make informed decisions and achieve their financial goals.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.9%
  • CSS 2.7%
  • TypeScript 0.4%