BudgetNest: Personal Finance Management App Development

Karthik B

Karthik B

BudgetNest

BudgetNest is a React Native mobile application for personal finance management, offering expense tracking, budget overviews, and visual financial analytics through interactive charts.

Table of Contents

Features

Financial Overview: Dashboard with current balance and recent transactions
Expense Tracking: Add/Edit/Delete income and expense records
Visual Analytics: Interactive charts for spending patterns
Monthly Budgeting: Set and track monthly budgets
Category Management: Manage income and expense categories
Calendar View: View transactions in a calendar format
Summary View: Summary of income, expenses, and savings

Technology Stack

Frontend

React Native - Cross-platform mobile framework
React Navigation - Screen navigation management
React Native Vector Icons - Icon library
React Native SVG Charts - for PieChart

Backend

Node.js - Runtime environment
Express.js - REST API framework
MongoDB - NoSQL database
Mongoose - MongoDB object modeling

Utilities

Axios - HTTP client
Moment.js - Date/time manipulation
Dotenv - Environment variable management

Installation

1. Clone Repository

git clone https://github.com/yourusername/BudgetNest.git
cd BudgetNest

2. Install Frontend Dependencies

npm install

3. Install Backend Dependencies

cd api
npm install
cd ..

Configuration

Backend Setup

Create .env in /api directory:
MONGODB_URL=mongodb+srv://<username>:<password>@cluster0.ikel3.mongodb.net/
PORT=8000
Replace url with your MongoDB credentials

Frontend Setup

Create .env in root directory:
REACT_APP_BACKEND_URL=http://localhost:8000
For Android emulator, use http://<ip of ur computer>:8000 instead of localhost

Running the App

Start Backend Server

cd api
npm start

Start React Native Application

In a new terminal:
npx react-native run-android
# or for iOS
npx react-native run-ios
In another terminal:
npx react-native start

Contributing

Fork the repository
Create your feature branch (git checkout -b feature/AmazingFeature)
Commit your changes (git commit -m 'Add some AmazingFeature')
Push to the branch (git push origin feature/AmazingFeature)
Open a Pull Request
Note: This application requires an active internet connection for MongoDB Atlas integration.
Like this project

Posted Jul 8, 2025

Developed BudgetNest, a React Native app for personal finance management.