Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tinyhiker/brokie_budgeter

Expenses/budgeting app from scratch, using React & React Router DOM. Uses browser localstorage instead of database
https://github.com/tinyhiker/brokie_budgeter

css html javascript netlify-deployment react react-router vite

Last synced: about 4 hours ago
JSON representation

Expenses/budgeting app from scratch, using React & React Router DOM. Uses browser localstorage instead of database

Awesome Lists containing this project

README

        

## Brokie Budgeter: Click on the image to view the demo (or just visit the site link)

[Site Link](https://sprightly-squirrel-ce575f.netlify.app/?index)
[![Display Page](BUDGETERPHOTO.png)](https://youtu.be/mWdGPfmdGUI)

## Overview

This simple app is a dynamic frontend budgeting application designed to help users manage their finances directly from their browser. The application is built using React, React Router. Browser local storage ise used to store data. There is no backend server

## Key Features

- **Local Storage Integration**: Utilizes the browser's local storage to save user data persistently.
- **Dynamic Routing**: Uses React Router to handle routing, ensuring that the application's functionality corresponds to the current URL.
- **Responsive Design**: Adapts to various screen sizes, providing an optimal user experience on both desktop and mobile devices.

## Technologies

- **React**: A JavaScript library for building user interfaces.
- **React Router**: Manages the routing of the application, allowing for bookmarkable URLs and browser history navigation.
- **JavaScript**: Used for general application logic and manipulation of local storage.