Skip to content

This is a simple budget management application built using React and Vite. It allows users to create and manage accounts, add different budgets, add expenses to the current budgets, display all budgets, display expenses, and offers functionality to delete budgets, expenses, and accounts.

Notifications You must be signed in to change notification settings

alyconr/ReactRouter-Budget-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Budget App with Vite and React Router DOM

This is a simple budget management application built using React and Vite. It allows users to create and manage accounts, add different budgets, add expenses to the current budgets, display all budgets, display expenses, and offers functionality to delete budgets, expenses, and accounts. Data is stored locally using local storage. React Router DOM is used for control states and navigation.

Table of Contents

Getting Started

Prerequisites

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

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/react-budget-app.git
  2. cd react-budget-app```	
    
  3. npm install

Usage

  1. cd react-budget-app
    npm run dev

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.
  • Data Persistence: All data is saved locally using local storage.
  • Navigation: Utilizes React Router DOM for page navigation.
  • Deletion: Delete budgets, expenses, and accounts.

Deployment

The application can be deployed to various hosting platforms. Here's a link to a Netlify deployment.

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.
  • Local Storage: Stores data in the browser's local storage.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

Fork the repository. Create a new branch for your feature or bug fix. Make your changes and test them thoroughly. Submit a pull request with a clear description of your changes. Please make sure your code follows the existing coding style and includes appropriate documentation.

📝 License

This project is MIT licensed.

About

This is a simple budget management application built using React and Vite. It allows users to create and manage accounts, add different budgets, add expenses to the current budgets, display all budgets, display expenses, and offers functionality to delete budgets, expenses, and accounts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published