https://github.com/erikaperciliano/dtmoney
🤑 This is an application is a personal finance control project. It will be possible to register all inputs and outputs and based on that, calculations will be made generating total cash value. It is also possible to register a new transaction with new entries.
https://github.com/erikaperciliano/dtmoney
context-api hookform-resolvers json-server phosphor-react radix-ui react react-hook-form scheduler styled-components typescript use-context-selector usecallback usememo
Last synced: about 1 month ago
JSON representation
🤑 This is an application is a personal finance control project. It will be possible to register all inputs and outputs and based on that, calculations will be made generating total cash value. It is also possible to register a new transaction with new entries.
- Host: GitHub
- URL: https://github.com/erikaperciliano/dtmoney
- Owner: erikaperciliano
- Created: 2025-03-20T15:13:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-14T15:12:34.000Z (about 1 year ago)
- Last Synced: 2025-08-18T17:43:31.595Z (10 months ago)
- Topics: context-api, hookform-resolvers, json-server, phosphor-react, radix-ui, react, react-hook-form, scheduler, styled-components, typescript, use-context-selector, usecallback, usememo
- Language: TypeScript
- Homepage:
- Size: 356 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# dtmoney 🤑
This is an application is a personal finance control project. It will be possible to register all inputs and outputs and based on that, calculations will be made generating total cash value.
It is also possible to register a new transaction with new entries.
## Technologies Used 🛠️
## Frontend:
- React: For building a dynamic and responsive user interface.
- Vite: To provide a faster for modern web projects.
- Styled-components: To allows to write actual CSS code to style the components.
- Zod: TypeScript-first schema validation with static type inference
- Typescrit: Adds additional syntax to JavaScript to support a tighter integration.
- Phosphor-react: Is a flexible icon family for interfaces, diagrams, presentations
- React-hook-form: Performant, flexible and extensible forms library
- React-router-dom: Is a multi-strategy router for React
- Json-server: Allows to easily create a fake API based on JSON files
- React-scheduler: Used to help manage and control the internal state of the Scheduler component from outside of Scheduler props
- Use-context-selector: Reads a part of a context, and only re-renders when that part changes
## Getting Started 💻
Prerequisites:
- react (v19 recommended)
- npm or yarn
## Installation:
1- Clone the repository:
git clone ( https://github.com/erikaperciliano/dtMoney.git)
2 - Navigate to the project directory:
cd dtMoney
3 - Install dependencies:
npm install
or
yarn install
## Running the App 🚀
npm run dev
or
yarn dev
The app will be available at http://localhost:5173 (or another port if configured differently).
## Start the backend (JSON Server) 🗄️
This project uses JSON Server to simulate a REST API using the server.json file.
Step 1 – Install JSON Server (if not already):
npm install -g json-server
Step 2 – Run the backend server:
json-server --watch server.json --port 3333
The mock API will be available at:
👉 http://localhost:3333/transactions
## Deployment:
This project can be deployed to any static hosting provider (e.g., Netlify, Vercel) or Firebase Hosting.
## Live Demo
[View the live project here](https://dtmoney-perciliano.netlify.app/)
## Screenshots 📸
## Contribution 🤝
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Feel free to customize it further to reflect any additional information or unique aspects of your project! Let me know if you'd like me to modify anything.