https://github.com/igorcbraz/dtmoney

💰 Controle seus gastos e ganhos com o DtMoney, desenvolvido no programa Ignite ReactJs Chapter II, pela Rockseat. 📊
https://github.com/igorcbraz/dtmoney

chart css dtmoney finance ignite ignite-rocketseat javascript react react-vis reactjs rocketseat styled-components typescript

Last synced: 6 days ago
JSON representation

💰 Controle seus gastos e ganhos com o DtMoney, desenvolvido no programa Ignite ReactJs Chapter II, pela Rockseat. 📊

• Host: GitHub
• URL: https://github.com/igorcbraz/dtmoney
• Owner: Igorcbraz
• License: mit
• Created: 2021-12-06T20:22:17.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-02T18:20:00.000Z (almost 3 years ago)
• Last Synced: 2024-11-12T16:37:18.404Z (2 months ago)
• Topics: chart, css, dtmoney, finance, ignite, ignite-rocketseat, javascript, react, react-vis, reactjs, rocketseat, styled-components, typescript
• Language: TypeScript
• Homepage: https://dtmoneyweb.netlify.app/
• Size: 5.39 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  

  [![Netlify Status](https://api.netlify.com/api/v1/badges/fcc371d1-eb62-4478-985b-7cb9c3ced352/deploy-status)](https://app.netlify.com/sites/dtmoneyweb/deploys)

  ![Netlify Status](https://img.shields.io/github/followers/Igorcbraz.svg?style=social&label=Follow&maxAge=2592000)

  





 
 






 


Projeto inicial Ignite ReactJs, na Rocketseat



## 🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [React](https://reactjs.org)

- [TypeScript](https://www.typescriptlang.org/)

- [React-vis](https://uber.github.io/react-vis/)

- [Styled Components](https://styled-components.com/)

## 💻 Projeto

[DtMoney](https://dtmoney-igorcbraz.netlify.app/) é um website para organizar suas finanças, com as opções para adicionar gastos ou ganhos, excluí-los ou edita-los, com métricas visuais em gráficos e opções de exportação em modelo CSV (Com foco em leitura no Excel).

Este é um projeto inicialmente desenvolvido no programa **[Ignite ReactJs](https://www.rocketseat.com.br/ignite)**, feito pela Rocketseat.

Após o término do curso o projeto foi e está sendo continuado e desenvolvido, seguindo os seguintes ajustes e melhorias.

## 📐 Ajustes e Melhorias 🔍

As seguintes funcionalidades foram feitas fora do curso _Ignite ReactJs_:

- [x] Backend em NodeJs

- [x] Sistema de Login e Cadastro de usuários

- [x] Filtro de transações por mês

- [x] Opção de Editar e Excluir transações

- [x] Gráficos com os dados das transações mensais 

- [x] Gráfico Circular com as 5 maiores despesas registradas

- [x] Responsividade do website 

- [x] Paginação das transações 

- [x] Landing Page Responsiva

- [x] Utilização tags meta para SEO

## 🔖 Layout

Você pode acessar o design inicial deesse projeto pelo link abaixo:

- [Layout no Figma](https://www.figma.com/file/0xmu9mj2TJYoIOubBFWsk5/dtmoney-Ignite-(Copy)?node-id=0%3A1)

> Lembrando que é necessário ter uma conta no [Figma](https://www.figma.com/login?cont=/developers) para acessar o projeto