https://github.com/andresilveira1/dt-money

Developed with Vitejs, ReactJS and Typescript.
https://github.com/andresilveira1/dt-money

axios json-server react react-hook-form styled-components typescript vitejs zod

Last synced: about 2 hours ago
JSON representation

Developed with Vitejs, ReactJS and Typescript.

• Host: GitHub
• URL: https://github.com/andresilveira1/dt-money
• Owner: andresilveira1
• Created: 2024-07-23T14:48:55.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-29T13:54:39.000Z (4 months ago)
• Last Synced: 2024-07-30T03:21:14.669Z (4 months ago)
• Topics: axios, json-server, react, react-hook-form, styled-components, typescript, vitejs, zod
• Language: TypeScript
• Homepage:
• Size: 282 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
DT Money


With DT Money you can control your income, spending and view a total of your financial performance.


Project created with Vite, ReactJS and TypeScript.


![preview](./.github/preview.png)

## Introduction

This app was used to train new and old concepts as the hooks, State, Effect, Context and Callback. Looking for more performance the [useContextSelector](https://github.com/dai-shi/use-context-selector) has used to replace useContext. I understand that there is not a real problem with app, but i wanted learn more about performance.

The faker back-end json-server was used here.


## Features

- Create a new transaction.

- List all transaction.

- Search transaction by query.

- Show the total of earnings, expenses and check if you're negative or positive.

## For run

NPM

```bash

npm install

npm run dev

```

## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)