Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pedrovidaldev/paydd
This project is a frontend application built with React to create a website for managing and reporting debts and credits.
https://github.com/pedrovidaldev/paydd
localstorage react react-hook-form react-styled-component
Last synced: 8 days ago
JSON representation
This project is a frontend application built with React to create a website for managing and reporting debts and credits.
- Host: GitHub
- URL: https://github.com/pedrovidaldev/paydd
- Owner: PedroVidalDev
- Created: 2024-11-18T16:29:10.000Z (3 months ago)
- Default Branch: develop
- Last Pushed: 2025-01-20T05:56:56.000Z (25 days ago)
- Last Synced: 2025-01-20T06:29:33.186Z (25 days ago)
- Topics: localstorage, react, react-hook-form, react-styled-component
- Language: TypeScript
- Homepage: https://paydd.vercel.app
- Size: 233 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
Paydd
## Description
This project is a **frontend application** built with **React** to create a website for managing and reporting debts and credits. The application allows users to input, edit, and view data related to their financial transactions, with all data being persisted in the browser's **local storage** for simplicity and offline capability.
## Features
1. Add, edit, and delete debt and credit entries.
2. View a summary report of total debts, credits, and the balance.
3. Search and filter transactions by category or description.
4. Responsive design for accessibility on different devices.
## Technologies Used
- **React**: Frontend library for building the user interface.
- **JavaScript (ES6+)**: For application logic.
- **CSS**: Styling the user interface.
- **Local Storage**: Browser storage for persisting data.
- **React Hooks**: For state management and component lifecycle.
## How to Run the Project
### Prerequisites
1. **Node.js** and **npm** installed on your system.
### Installation Steps
1. Clone the repository
2. Navigate to the project directory
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open the application in your browser at:
```
http://localhost:3000
```