Personal Finance Tracker UI

Table of Contents

• About
• Requirements
• Installation
• Environment Variables
• Usage

About

The Financial Tracker Frontend is a React-based web application built with Vite, TypeScript, and NextUI. It provides a user-friendly interface for managing your financial transactions, tracking income and expenses, and viewing financial summaries.

Requirements

Before you begin, ensure you have met the following requirements:

• Node.js: Make sure Node.js is installed on your system.
• Yarn: Make sure Yarn is installed on your system.

Installation

Follow these steps to set up and run your frontend project:

1. Clone the repository:

   git clone https://github.com/guerrerocing/personal-finance-tracker-ui.git

2. Navigate to the project directory:

   cd personal-finance-tracker-ui

3. Install the project dependencies:

   yarn install

Environment Variables

Create a .env file in the root directory of your project to set up environment variables. Add the following variable:

VITE_API_BASE_URL=http://localhost:3000/api

2. Export Variables:

   direnv allow

Make sure to keep your .env file private and do not commit it to version control.

Usage

1. Start the project:

   yarn dev

2. Access your browser http://localhost:5173/login