Control Money é o projeto final do programa Transforme-se, desenvolvido com o objetivo de criar um site modular e escalável seguindo boas práticas de organização de código.

O sistema permite que o usuário:

• 📊 Registre e visualize seus gastos
• 💳 Controle seu orçamento pessoal
• 📝 Responda questionários financeiros
• 👤 Realize cadastro e login
• 🎧 Acesse o suporte ao cliente (SAC)

Tecnologia	Descrição
	Estrutura e marcação das páginas
	Estilização e responsividade
	Lógica, interatividade e manipulação do DOM
	Animações avançadas e transições
	Construção de gráficos financeiros
	Ícones e elementos visuais

Estrutura de pastas inspirada no padrão React para máxima organização e escalabilidade.

• Navegador moderno — Chrome, Firefox ou Edge
• Servidor local opcional para testes com JavaScript (ex: Live Server)

A estrutura de pastas foi organizada com o objetivo de se aproximar do padrão utilizado em projetos React, tornando o código mais organizado, modular e escalável. Todas as páginas devem estar dentro da pasta pages/, cada uma em seu respectivo diretório. O arquivo principal de cada página deve seguir o padrão page.html. Ao criar novas pastas, deve-se manter o padrão de nomenclatura em kebab-case (substituindo espaços por hífens) para garantir consistência e boas práticas de organização.

ProjetoTransformese/
│
├── components/    # Componentes reutilizáveis do projeto
├── css/           # Estilos globais do projeto
├── js/            # Scripts globais do projeto
├── img/           # Imagens do projeto
│
├── pages/         # Páginas específicas do site
│   ├── cadastro/
│   │   ├── css/ # Estilos da página
│   │   ├── js/  # Scripts da página
│   │   └── page.html
│   │
│   ├── login/
│   ├── sac/
│   ├── sobre-nos/
│   ├── questionario/
│   └── controle-de-gasto/
│
├── index.html
├── LICENSE
└── README.md

• Todas as páginas ficam dentro de pages/, cada uma em seu próprio diretório
• O arquivo principal de cada página segue o padrão page.html
• Nomes de pastas seguem o padrão kebab-case — palavras separadas por hífen
• Estrutura inspirada em projetos React para facilitar escalabilidade futura

Desenvolvido como projeto final do programa Transforme-se.