Conheça a GFA - Guia Financeiro para Adolescentes
💻 Site desenvolvido durante o 2.º Desafio Integrado | Programa Trilhas
-
✨ Um dos grandes problemas que o brasileiro possui para não investir é a falta de educação financeira que leva à má gestão dos recursos que possui, desta forma, é necessário pensar em um instrumento que ajude nesse processo de instrução da sociedade brasileira com a finalidade de aumento de sua participação esclarecida no mundo do Mercado Financeiro e Investimentos. -
✨ GFA é uma plataforma que oferta um curso de educação financeira de forma dinâmica, interativa, didática e atrativa para os adolescentes que estão estudando o Ensino Médio. -
✨ Nosso objetivo é instruir a nova geração sobre o mundo financeiro e de investimentos.
Sobre o projeto
-
🎇 Este projeto foi desenvolvido usando HTML, CSS e JavaScript não usando nenhum framework (React, Nex, NodeJs). Por não usar framework, e necessitar de gerenciar rotas, o @DjEdu28 aplicou o uso de micro rotas que roda no lado do cliente. -
🎇 Composto pelos scrips /js/microroute.js e /js/djscript.js -
🎇 Na tentativa de otimizar o carregamento do site e evitar código duplicado, utilizamos parte da filosofia do React e separamos pedaços da página em componentes (header/footer), gerenciados por puro javaScript para evitar recarregá-los ao navegar na página. -
🎇 Então para modificar o cabeçalho, é só acessar a pasta /componentes/header -
🎇 O mesmo para o rodapé, é só acessar a pasta /componentes/footer -
🎇 As paginas contidas no site foram programadas a partir da tag <main>, dentro do <body>
- E um script JS se encarrega de atualizar o <main> dependendo da rota acessada.
- As paginas (HTML, CSS e JS) : estão localizadas em /pages/
Preview
Acesse o site: (trilhas-gfa.vercel.app)[trilhas-gfa.vercel.app]