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

https://github.com/jairodoni/dtmoney

dtmoney é uma aplicação para ajudar quanquer pessoa com um pouco de conhecimento financeiro a registrar o dinheiro que entra e o que sai, calculando seus investimentos e lucros.
https://github.com/jairodoni/dtmoney

reactjs styled-components typescript

Last synced: 3 days ago
JSON representation

dtmoney é uma aplicação para ajudar quanquer pessoa com um pouco de conhecimento financeiro a registrar o dinheiro que entra e o que sai, calculando seus investimentos e lucros.

Awesome Lists containing this project

README

        




ignews

[![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)
TypeScript
React
React




Projeto  | 


Layout  | 


Tecnologias  | 


Executando  | 


Referências  | 


Autor


ignews


---

## **💻 Projeto**

dtmoney é uma aplicação para ajudar qualquer pessoa com um pouco de conhecimento financeiro a registrar o dinheiro que entra e o que sai, calculando seus investimentos e lucros.

---

## **🔖 Layout**

Você pode visualizar o layout do projeto no formato através [desse link](https://www.figma.com/file/nSxojyyUjCdbEHODN7OaGP/dtmoney-Ignite?node-id=0%3A1). Lembrando que você irá precisar ter uma conta no [Figma](http://figma.com/).

#### **Web**


telasWeb




telasWeb

---

## **💻 Tecnologias**

#### **Website** ([React][react])

- **[Typescript][typescript]**
- **[Axios][axios]**
- **[MirageJs][miragejs]**
- **[Styled Components][styled_components]**
- **[React Modal][react_modal]**

> \* Veja o arquivo [package.json](./package.json)

#### **Utilitários**

- Editor: **[Visual Studio Code][vscode]**
- Markdown: **[StackEdit][stackedit]**, **[Markdown Emoji][markdown_emoji]**

---

## **🚀 Como executar o projeto**

### Configurações Iniciais

Primeiro, você precisa ter o [NodeJS](https://nodejs.org/en/download/) instalado na sua máquina.

Se você estiver utilizando o **Linux**, você pode optar por instalar o **Node** através do gerênciador de versões [asdf] para facilitar o processo de mudança da versão do **Node**, quando for necessário.

Você pode optar também por utilizar o **yarn** no lugar do **npm**. Você pode instalar clicando nesse [link][yarn], ou através do [asdf].

Após ter o **Node** instalado, instale as dependências do **React** de forma global, utilizando os comandos:

Instale as dependências contidas nos arquivos `package.json` que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

```sh
# Instalando as dependencias:
$ npm install

# ou

$ yarn
```

> Veja a parte de **scripts {}** do arquivo [package.json](./package.json) para saber quais scripts estão disponíveis.

### Executando o WebSite

```sh
# Executando o website:
$ npm run start

# ou

$ yarn start
```


> Se o browser não abrir automaticamente, acesse: http://localhost:3000.


---

## **📚 Referências**

- [Blog Rocketseat][rocketseat_blog]
- [Rocketseat][rocketseat_plataforma]
- [ReactJS][react_doc] | [ReactJS pt-BR][react_doc_ptbr]
- [Node.js][node]

## **👨‍🚀 Autor**


Jairo Doni Prudente Junior



Jairo Doni Prudente Junior



👋 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jairodoni/)](https://www.linkedin.com/in/jairodoni/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

## **📝 Licença**

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

[rocketseat_blog]: https://blog.rocketseat.com.br/
[rocketseat_plataforma]: https://app.rocketseat.com.br/
[rocketseat_site]: https://rocketseat.com.br/

[repository_license_badge]: https://img.shields.io/github/license/JairoDoni/NLW-1.0
[web_react_badge]: https://img.shields.io/badge/web-react-blue
[typescript_shields]: https://img.shields.io/badge/types-Typescript-blue
[next_shields]: https://img.shields.io/badge/vercel-Next.js-lightgrey

[react]: https://reactjs.org/
[react_doc]: https://reactjs.org/docs/getting-started.html
[react_doc_ptbr]: https://pt-br.reactjs.org/docs/getting-started.html
[node]: https://nodejs.org/en/
[vscode]: https://code.visualstudio.com/
[typescript]: https://www.typescriptlang.org/
[styled_components]: https://styled-components.com
[miragejs]: https://miragejs.com
[react_modal]: https://github.com/reactjs/react-modal
[axios]: https://github.com/axios/axios
[asdf]: https://github.com/asdf-vm/asdf
[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable
[stackedit]: https://stackedit.io
[markdown_emoji]: https://gist.github.com/rxaviers/7360908