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.
- Host: GitHub
- URL: https://github.com/jairodoni/dtmoney
- Owner: jairodoni
- License: mit
- Created: 2021-03-16T18:11:05.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-16T21:02:08.000Z (almost 4 years ago)
- Last Synced: 2025-03-17T11:50:42.252Z (3 months ago)
- Topics: reactjs, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 2.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
![]()
[](LICENSE.md)
![]()
![]()
---
## **💻 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**
![]()
![]()
---
## **💻 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**
👋 Entre em contato!
[](https://www.linkedin.com/in/jairodoni/)
[](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