https://github.com/luancss/dtmoney

Projeto de controle financeiro desenvolvido com o conteúdo estudado nas aulas do Chapter II da trilha de ReactJS do Bootcamp Ignite da Rocketseat
https://github.com/luancss/dtmoney

axios context-api hooks ignite miragejs modal polished reactjs rocketseat typescript

Last synced: 6 days ago
JSON representation

Projeto de controle financeiro desenvolvido com o conteúdo estudado nas aulas do Chapter II da trilha de ReactJS do Bootcamp Ignite da Rocketseat

• Host: GitHub
• URL: https://github.com/luancss/dtmoney
• Owner: Luancss
• Created: 2023-08-17T21:29:09.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-03T04:03:04.000Z (over 1 year ago)
• Last Synced: 2023-09-04T08:02:33.684Z (over 1 year ago)
• Topics: axios, context-api, hooks, ignite, miragejs, modal, polished, reactjs, rocketseat, typescript
• Language: TypeScript
• Homepage: https://dtmoney-luancss.vercel.app
• Size: 576 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  

  






## 🚀 Tecnologias, Hooks e Bibliotecas

Projeto desenvolvido com as seguintes tecnologias:

- ReactJS

- TypeScript

- useState (hook que armazena dados que podem variar com o tempo, qualquer informação ou dado deve ser armazenado no useState, só assim será possível renderizar a informação para o frontend web ou mobile)

- useEfect (hook utilizado para controlar a execução de uma função a partir da alteração de um determinado parâmetro)

- Context API (compartilhamento de estado entre vários componentes da aplicação, utiliza o hook useContext())

- Styled Components (biblioteca que permite escrever códigos CSS dentro do Javascript)

- Mirage JS (biblioteca de simulação de API que permite construir, testar e compartilhar um aplicativo JavaScript funcional completo antes de ser desenvolvido o back-end)

- Axios (biblioteca usada no lugar de fetch(), que passa a não precisarmos repetir a digitação do endereço do servidor em cada requisição, informando apenas a rota e seus parâmetros, e também passamos a poder interceptar requisições e respostas pra nossa API antes de chegar no back-end para realizar alguma regra, por exemplo enviar algum token de autenticação)

- React Modal (biblioteca que renderiza o conteúdo de seu filho sobre um componente backdrop e fornece muitos recursos relacionados a interação destes dois)

- Polished (biblioteca que possui funções otimizadas de estilos para usar no JavaScript, como darken e transparentize)

## 💻 Projeto

O dtmoney é uma aplicação de controle financeiro, com recursos e conhecimentos avançados, bibliotecas open source desenvolvidas pela comunidade. Foi desenvolvida durante as aulas do Chapter II da trilha de ReactJS do Bootcamp Ignite da Rocketseat, e nela é possível cadastrar e excluir transações e ver o saldo de entrada e saída 💰

## 🔖 Layout

Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/0xmu9mj2TJYoIOubBFWsk5/dtmoney-Ignite-(Copy)?node-id=0%3A1). É necessário ter conta no [Figma](https://figma.com) para acessá-lo.

---

Por Luan Carlos