BudgetNest: Personal Finance Management App Development

Karthik B

Completed work

Mobile Engineer

ExpressJS

MongoDB

React Native

Investment & Asset Management

BudgetNest

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

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

Completed work

Posted Jul 8, 2025

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

Likes

Views

Clients

Self

BudgetNest: Personal Finance Management App Development

BudgetNest

Table of Contents

Features

Technology Stack

Frontend

Backend

Utilities

Installation

1. Clone Repository

2. Install Frontend Dependencies

3. Install Backend Dependencies

Configuration

Backend Setup

Frontend Setup

Running the App

Start Backend Server

Start React Native Application

Contributing