Voltar para o início
Desenvolvedor Front-End•2026

Copa do Mundo

Projeto sobre a Copa do Mundo de 2026, com direito a álbum de figurinhas, histórico das copas, escalação de jogadores, quiz interativo e simulador da copa.

Demonstração Visual

Print com demonstração da página inicial do projeto sobre a Copa do Mundo de 2026.
#01Print com demonstração da página inicial do projeto sobre a Copa do Mundo de 2026.
Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
#02Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
#03Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
#04Print com demonstração da página de informações sobre o país participante no projeto sobre a Copa do Mundo de 2026.
Print com demonstração da linha do tempo das copas do mundo no projeto sobre a Copa do Mundo de 2026.
#05Print com demonstração da linha do tempo das copas do mundo no projeto sobre a Copa do Mundo de 2026.
Print com demonstração do quiz interativo no projeto sobre a Copa do Mundo de 2026.
#06Print com demonstração do quiz interativo no projeto sobre a Copa do Mundo de 2026.
Print com demonstração da escalação de jogadores no projeto sobre a Copa do Mundo de 2026.
#07Print com demonstração da escalação de jogadores no projeto sobre a Copa do Mundo de 2026.
Print com demonstração do simulador da copa do mundo no projeto sobre a Copa do Mundo de 2026.
#08Print com demonstração do simulador da copa do mundo no projeto sobre a Copa do Mundo de 2026.
Print com demonstração do simulador da copa do mundo no projeto sobre a Copa do Mundo de 2026.
#09Print com demonstração do simulador da copa do mundo no projeto sobre a Copa do Mundo de 2026.

Visão Geral do Sistema

O projeto foi desenvolvido com foco em design responsivo e interatividade, utilizando tecnologias modernas para criar uma experiência envolvente para os usuários, permitindo explorar informações sobre a Copa do Mundo de 2026 de forma divertida e educativa. Para o álbum de figurinhas, foi utilizado o conceito de localStorage para armazenar as figurinhas coletadas pelos usuários, proporcionando uma experiência personalizada e interativa. Na escalação, foi usado a API thesportsdb para obter informações sobre os jogadores e suas estatísticas, garantindo dados atualizados e precisos. No simulador da copa do mundo, foi implementado um sistema de simulação dos resultados, permitindo que os usuários possam prever os resultados dos jogos e acompanhar o desempenho das equipes ao longo do torneio e prevendo o campeão da copa.

Principais Funcionalidades

Design responsivo e interativo
Álbum de figurinhas com localStorage
Escalação de jogadores com API thesportsdb
Quiz interativo sobre a copa do mundo
Simulador da copa do mundo com previsão de resultados

Tecnologias Utilizadas

HTML5CSS3JavaScript