Welcome to the Next.js Expense Tracker App repository! This project was developed by Team Mavericks for the Recursion Hackathon 24 - Idea Submission Round. Our app is designed to empower students by providing a robust tool for managing their finances efficiently.
-
Frontend:
- React: A JavaScript library for building user interfaces, particularly well-suited for single-page applications.
- Next.js: A powerful React framework that enables server-side rendering, static site generation, and easy API integration, providing performance optimizations and SEO benefits.
- Tailwind CSS: A utility-first CSS framework that allows for rapid UI development with predefined classes, resulting in consistent and responsive designs.
-
Backend:
- Dirzzle ORM: A lightweight ORM (Object-Relational Mapping) for managing and querying the database, offering a clean and intuitive interface for database interactions.
- Postgres: A powerful, open-source relational database system known for its robustness, extensibility, and standards compliance.
-
Deployment:
- Vercel: A cloud platform that enables easy and efficient deployment of Next.js applications with automatic scaling, serverless functions, and instant rollbacks.
- Customizable Budget Categories: Tailor your budgeting experience by creating categories that match your financial needs.
- Interactive Data Visualizations: Gain insights into your spending patterns with dynamic and visually appealing charts.
- Real-time Spending Tracking: Monitor your expenses in real-time, allowing for better financial decisions.
- Responsive Design: Enjoy a seamless experience across all devices, whether you're on a desktop, tablet, or mobile.
The journey began with a deep understanding of the financial challenges faced by students. We set out to create a user-friendly app that not only tracks expenses but also provides insightful data to help users manage their finances better. The development process involved setting up the Next.js framework, integrating Tailwind CSS for styling, and using Dirzzle ORM for efficient database management. We deployed the application on Vercel to ensure it is easily accessible.
Through this project, we enhanced our understanding of full-stack development, particularly with Next.js and Tailwind CSS. We also gained experience in deploying applications on Vercel, optimizing the app for performance and scalability.
While the app is functional, there's always room for improvement. In future versions, we plan to:
- Enhance Customization: Allow users to integrate their banking services for a more comprehensive financial overview.
- Advanced Analytics: Introduce AI-driven financial recommendations to help users make smarter financial decisions.
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!
Please find the LinkedIn post here.
Please find the Project Proposal here.
- Clone the repository:
git clone https://github.com/Mavericks/Expense-Tracker-App.git - Install dependencies:
npm install - Run the app:
npm start
Check out our live app demonstration here
Once you have created an account Login here
- Basic functionality: Expense tracking, budget categories, data visualization.
- Responsive design: Optimal user experience across devices.
- Enhanced customization options.
- Integration with banking services.
- Advanced analytics and AI-driven financial recommendations.
We welcome contributions from the community to make the Next.js Expense Tracker App even better! To contribute, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/my-feature. - Commit your changes:
git commit -am 'Add new feature'. - Push to the branch:
git push origin feature/my-feature. - Submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- 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.