/DT-Money

Primary LanguageTypeScript

DT-Money

dtmoney

💻 Projeto Essa aplicação foi desenvolvida para estudos seguindo os ensinamentos da Rocketseat no curso Ignite Ignite .

Nela é abordada a utilização de React com Typescript onde criamos um controle de entrada e saída de custos. Não foi utilizado o backend nessa aplicação utilizando o MirageJS para simular a API e controlar os dados.

Foram utilizados também os conceitos de Context API e transição de dados por propriedades evitando "Prop drilling*", e layout com Styled Components.

Prop drilling* = Passar propriedades do componente pai, para um filho, para chegar a outro filho, para ir para o filho destino (estendendo essa passagem).

🧪 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias:

React TypeScript ReactModal MirageJS Styled-components

🔖 Layout Você pode visualizar o layout do projeto, provido pela Rocketseat, através do link abaixo:

Layout Web Lembrando que você precisa ter uma conta no Figma.

📝 License Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Anotações

Criando o projeto

➜ yarn create react-app dtmoney --template typescript ➜ yarn add styled-components ➜ yarn add -D @types/styled-components ➜ yarn add miragejs ➜ yarn add axios ➜ yarn add react-modal ➜ yarn add -D @types/react-modal ➜ yarn add polished