iBudget: A Budget Management Application

Welcome to iBudget, a versatile budget management application. This full-stack application enables users to create and manage accounts, add various budgets, track expenses within those budgets, and provides functionalities to delete budgets, expenses, and accounts. The app includes authentication and database integration to ensure secure and efficient data management.

Project developed for the #HeadstarterHackathon

This project was done in less than 36 hours

Live Demo: www.ibudget.app

Project Structure

Frontend Application

Our frontend application is built using React and Vite, offering a fast and efficient development experience. React Router DOM is employed for navigation, providing a seamless user experience.

Tech Stack: React, Vite, React Router DOM

Backend Application

The backend is powered by Supabase, providing robust and scalable data storage. Authentication is implemented using Supabase's authentication service, supporting email and Google login. Email verification ensures secure access to user accounts.

Tech Stack: Supabase

Features

• Account Management: Create and delete user accounts.
• Budget Creation: Add and delete budgets for different categories.
• Expense Tracking: Add and delete expenses within specific budgets.
• Navigation: Utilizes React Router DOM for page navigation.
• Deletion: Delete budgets, expenses, and accounts.
• Authentication: Secure login via email or Google, with email verification.
• Database Integration: Data stored and managed using Supabase.

Usage Instructions

Getting Started

Before you start, ensure you have the following prerequisites installed:

• Node.js (>=14.0.0)
• npm or Yarn

Installation

Clone the repository:

git clone https://github.com/andreibalan-dev/ibudgets.git
cd ibudget
npm install

To start the application:

npm run dev

Deployment

The application has been delployed to Vercel.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool that enhances development experience.
• React Router DOM: A library for adding navigation to React applications.
• Supabase: A backend-as-a-service providing database and authentication solutions.
• Node.js: JavaScript runtime for server-side development.

Contributors

• @AndreiBalan-dev
• @jahnltib
• @luisarevalo21
• @suryanshchauhan

License

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

Acknowledgements

We would like to thank the #HeadstarerHackathon for organizing this amazing hackathon.

Contact

For any queries or collaboration opportunities, feel free to reach out to us!