Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/tinyhiker/brokie_budgeter
- Owner: tinyHiker
- Created: 2024-11-11T23:52:15.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2025-01-17T04:09:43.000Z (1 day ago)
- Last Synced: 2025-01-17T05:17:45.370Z (1 day ago)
- Topics: css, html, javascript, netlify-deployment, react, react-router, vite
- Language: JavaScript
- Homepage: https://sprightly-squirrel-ce575f.netlify.app/?index
- Size: 158 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.