Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/luancss/dtmoney-02

O DT Money é uma ferramenta de controle financeiro para o usuário. Projeto Web desenvolvido durante o Bootcamp Ignite by Rocketseat 💲
https://github.com/luancss/dtmoney-02

api-rest radix-ui react-hook-form reactjs server-json styled-components typescript zod

Last synced: 29 days ago
JSON representation

O DT Money é uma ferramenta de controle financeiro para o usuário. Projeto Web desenvolvido durante o Bootcamp Ignite by Rocketseat 💲

Awesome Lists containing this project

README

        

# DT Money 2.0

Projeto Web desenvolvido durante o Bootcamp Ignite by Rocketseat • Trilha ReactJS - TEMA: "DT Money 2.0" 💲

### Descrição:

- [x] Listagem das transações (entradas e saídas);
- [x] Cálculo das entradas, saídas e total;
- [x] Campo de busca;
- [x] Modal para cadastro de nova transação;
- [x] Layout responsivo (mobile e desktop).

## Tecnologias utilizadas: 🚀

- ReactJs | ^18.2.0
- Vite | ^3.0.0 -D
- Typescript | ^4.6.4 -D
- Styled Components | ^5.3.5
- React Router Dom | ^6.3.0
- Radix UI (dialog e radio-group) | ^1.0.0
- React Hook Form | ^7.34.0
- JSON-Server | ^0.17.0 -D

### Desktop (screenshot):

| Transações | Criar Transação |
| --- | --- |
| | |

## :clipboard: Pré-requisitos

- [Node.js 12+](https://nodejs.org/en/download/)
- [Yarn](https://classic.yarnpkg.com/en/docs/install/#windows-stable)

## :wrench: Instalação

Para clonar o projeto via HTTPS execute o seguinte comando:
```
git clone https://github.com/Luancss/Dtmoney-02
```
Em seguida instale as dependências:
```
npm install
```

## 🔨 Execução em ambiente de desenvolvimento

```
npm start
```