Plan Your Budget : Plan Your Budget is a React Native application designed to help users effectively plan and manage their budgets across various categories. This project focuses on providing a user-friendly, responsive interface and leveraging modern technologies like Supabase for secure data handling.
Developing this project was a valuable learning experience. It helped enhance my understanding of React Native concepts, including navigation, state management, and responsive design. Additionally, implementing Supabase improved my knowledge of backend integration, authentication, and real-time database operations.
Explore a seamless way to manage your finances with Plan Your Budget, a tool designed to simplify budgeting and empower users to take control of their expenses.
Key Features User Authentication: Securely authenticate users using Supabase, ensuring a reliable and safe login experience.
Data Management: Budget-related data is securely stored and managed in real-time using Supabase, providing a consistent and reliable experience.
Category-Based Budgeting: Users can create, edit, and manage budgets across multiple categories to track their expenses effectively.
Responsive Design: The app features a user-friendly and visually appealing interface designed with Tailwind CSS, ensuring seamless usability across devices.
Real-Time Updates: Leverage Supabase to provide instant updates and synchronization of budget data across sessions and devices.
Technologies Used:
React Native: For building the cross-platform mobile application. JavaScript: For application logic and interactivity. Tailwind CSS: For styling and responsive design. Supabase: For user authentication and data management. Plan Your Budget is designed to make personal finance management intuitive and effective. This project was enjoyable and enriched my understanding of creating practical, real-world applications.
Steps to Run the App on Your Device Prerequisites: Expo App: Download the Expo App on your device from Play Store or App Store. Steps: Clone the Repository:
bash
Copy code
git clone https://github.com/ojKunal/Plan-Your-Budget.git
cd Plan-Your-Budget
Install Dependencies:
Open the terminal and run the following command:
bash
Copy code
npm install
Set Up Environment Variables:
Create a .env file in the root of the project. Add the necessary configuration for Supabase (e.g., Supabase URL and API Key). Start the Application:
Run the following command in the terminal:
bash
Copy code
npx expo start
Scan the QR Code:
Using the Expo app on your device, scan the QR code displayed in the terminal or browser. Enjoy the App: Start planning and managing your budget!