Skip to content

Latest commit

 

History

26 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ubers

Aplicação web desenvolvida com o objetivo de consolidar conceitos avançados de estruturação com HTML5, estilização e layouts complexos com CSS3 (Flexbox, CSS Grid, Pseudo-elementos, Glassmorphism), e manipulação dinâmica de elementos via TypeScript, Com Backend em PHP

⚙ Ubers

Status HTML5 PHP CSS3 JavaScript TypeScript


📝 Descrição do Projeto

O Ubers é um projeto de aplicativo web desenvolvido para rodar direto no navegador.

💡 O objetivo do aplicativo é informar sobre os Principais Jogadores do Ubers e Mostrar a Formação do Time e suas Regras "

 Ubers


🎮 Como Testar

Você pode testar o projeto de duas formas:

🌐 1. Pelo Navegador (GitHub Pages)

O projeto está hospedado e rodando online! Acesse o link abaixo para acessar agora mesmo: 👉 CLIQUE AQUI PARA ACESSAR


🛠️ Tecnologias Utilizadas

O projeto foi construído utilizando as principais tecnologias da Web:

Tecnologia Função no Projeto
HTML5 Estruturação dos elementos da página e containers do jogo.
PHP Renderização dinâmica de dados dos jogadores, carregamento modular do template e gerenciamento de estados no backend.
CSS3 Estilização visual, cores, posicionamento e responsividade.
JavaScript Toda a lógica do jogo, movimentação e interatividade.
TypeScript Tipagem estática e organização da lógica do sistema tático, manipulando o DOM com mais segurança e autocompletar no desenvolvimento.

📂 Estrutura do Projeto

Ubers/
├── 📁 assets/
│   ├── 📁 css/
│   │   └── style.css          # Estilização visual e temas
│   ├── 📁 img/                # Imagens, GIFs ,Músicas , efeitos sonoros e logotipos dos jogadores
│   
├── 📁 includes/
│   └── jogadores.php          # Array com dados e status dos jogadores
│
├── 📁 src/
│   └── main.ts                # Código fonte original em TypeScript
│
├── index.php                  # Aplicação principal (renderização dinâmica)
└── tsconfig.json              # Configurações do compilador TypeScript
└── readme.md                  # Readme do Projeto 

🚀 Próximos Passos / Funcionalidades Futuras

O projeto ainda está recebendo melhorias! Aqui estão algumas ideias que pretendo implementar:

  • Criar efeitos sonoros para as ações principais.
  • Deixar o visual adaptado para telas de celular.

Barou

👤 Autor

Desenvolvido com programação e dedicação.

About

Interactive web application built with HTML5, complex CSS3 styling (Flexbox, CSS Grid, Glassmorphism), dynamic JavaScript, TypeScript, and PHP backend integration.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages