ANDRE TAVARES NOGUEIRA MIRANDA
Belo Horizonte - MG
membro desde 2023
Eu amo a área de desenvolvimento Web. Principalmente front-end. Tenho conhecimentos de back-end como PHP e SQL. Atuei como autônomo e freelance por 8 anos, antes de 2012. Fiquei um tempo afastado por trabalhar em área negocial do Banco do Brasil, mas sempre me mantive conectado a TI. Fiz muitos cursos pela Alura e UNIBB em diversas modalidades e muitos em TI.
Fiz duas Pós na área de Dados. Gostei muito de aprender Python e Ciência de Dados em geral. Mas eu gosto mesmo de Desenvolvimento.
elogios
Perfil Irado
7
Engajado
3
Card Top
2
Rei da Chama
2
Projeto Top
1
Devups
35300
Exercícios completos
1971
Cursos concluídos
53
Temporadas conquistadas
7
VISITAS NO PERFIL
39
INTERAÇÕES RECEBIDAS
101
PROJETOS
Cardápio Restaurante com buscador
Projeto em React utilizando props. App Router. Um campo de busca que 'pesquisa' o cardápio dentro de uma coleção.
Carápio Restaurante com buscador
Projeto em React utilizando props. App Router. Um campo de busca que 'pesquisa' o cardápio dentro de uma coleção.
Barber Shop
Projeto com React | Alternância dark mode e light mode
Agência Marketing Digital
Projeto React utilizando componentes e props. Alternância dark mode e light mode. No modo dark apliquei o opacity (20%) para gerar uma leve escurecida no banner e acompanhar o tom escuro das outras seções Confira meu portfólio até o momento em: https://nogmi81.github.io/Nogmi81/portfolio.html
Sorveteria V2
App Router. Imagens do banner criadas com IA. A primeira pelo Meta (no Whatsapp). A última pelo GPT
Sorveteria Rect
Projeto utilizando App Router. De acordo como os padrões da DevMedia https://sorveteria-v2.vercel.app/
Ótica Vida
Projeto utilizando React. One-Page. Navegação entre seções
Código JS 6ª missão Front-End I
Olá Devs! Meu código para essa missão ficou assim: *processei os juros diretamente (sem variável juros) aplicando a fórmula 1.05 e 1.1 sobre a dívida original; *fiz um fluxo do if enxuto; *depois que fiz meu código comparei com a DevMedia (meu com 10 linhas a menos); import entradaDados from 'readline-sync'; console.log("** Aplicação de Juros **\n\n"); let valorDevido = entradaDados.question("Informe o valor devido: "); let msg = "Valor Total com juros: "; let valorFinal = valorDevido; if (valorDevido > 0) { let diasAtraso = entradaDados.question("Informe os dias em atraso: "); if (diasAtraso == 0) { msg = "Sem atraso. Não há juros!"; } else if (diasAtraso <= 15) { console.log("taxa de juros 5%"); valorFinal = 1.05 * valorDevido; } else { console.log("taxa de juros 10%"); valorFinal = 1.10 * valorDevido; } console.log(msg + " " + (valorFinal).toFixed(2)); } else { console.log("Dívida inexistente!") }
Bio CBF
Esse projeto utiliza o recurso de vídeo para background! Substitui o projeto Neymar pela Bio CBF
Apresentação de um Cardápio
Projeto com foco na responsividade e uso de card
Site Advocacia | Sr. Lei
Mantive o padrão do layout disponibilizado pela DevMedia. Adaptei para design responsivo
Pet Shop
Projeto Pet Shop Boutique Algumas adaptações para ajuste automático de tela com diferentes dimensões
Clinica Médica
Projeto para o site de uma clínica (fictícia) utilizando o design responsivo Fiz algumas adaptações do projeto original. Ativei links para as imagens da página principal. Os links direcionam para página Especialidades para as respectivas id (#) Alterei a imagem banner para ficar da altura da página (quando visualizado em computador em tela cheia). E ativei links no rodapé para direcionar ao Whatsapp (caso seja clicado) e o Linkedin do autor do projeto A visualização em celular se comportou adequadamente Link do projeto no Vercel: https://dev-media-clinica-medica.vercel.app/
Pousada Secreta
Nesse projeto foi utilizado display: flex para adequação dos componentes ao layout. Utilizei media query para criar breakpoints para telas móveis. Após subir o projeto para o GitHub e Vercel o projeto não se comportou como esperado em relação ao mobile. Mesmo utilizando os recursos CSS citados acima. Aí fui olhar o código HTML e percebi que não havia incluído a meta tag view port <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ATENÇÃO: as vezes um detalhe que não percebemos em nosso projeto é justamente que o faz não se comportar da maneira adequada. Como havia testado no computador e estava tudo ok, foi na web e testando no celular que pude detectar. Testem nos seus dispositivos móveis. Tendo quebra de layout me deem feedback ;)
Pousada Secreta
Nesse projeto foi utilizado display: flex para adequação dos componentes ao layout. Utilizei media query para criar breakpoints para telas móveis. Após subir o projeto para o GitHub e Vercel o projeto não se comportou como esperado em relação ao mobile. Mesmo utilizando os recursos CSS citados acima. Aí fui olhar o código HTML e percebi que não havia incluído a meta tag view port <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ATENÇÃO: as vezes um detalhe que não percebemos em nosso projeto é justamente que o faz não se comportar da maneira adequada. Como havia testado no computador e estava tudo ok, foi na web e testando no celular que pude detectar. Testei nos seus dispositivos móveis. Tendo quebra de layout me deem feedback ;)
Pousada Secreta
Nesse projeto foi utilizado Flexbox para adequação dos componentes ao layout
Carros & Cia.
Fala galera! Acessem no link: https://github.com/Nogmi81/DevMedia/ GitHub: https://github.com/Nogmi81/
Cafeteria Manhattan
Esse projeto trabalha a parte visual aplicando o efeito Parallax. Fiz alterações no código CSS para se adaptar ao desenvolvimento responsivo.
Agência de Viagens
O foco desse projeto é o uso do desenvolvimento responsivo e formulário com acessibilidade Link para visualizar: https://dev-media-agencia-viagem.vercel.app/ GitHub: Nogmi81
Última publicação na comunidade
Postado na sala: Cafeteria
Muito ESTRANHO esse novo layout das missões! Confuso!!!
TECNOLOGIAS
Certificados de autoridade
BOX INTERAÇÕES
Interações de Andre
Interações com Andre
| Programadores | Total de interações | Total de interações | devUPs na temporada |
|---|---|---|---|
Nivel 50
|
7 Interação de Andre com Cleiton | 9 Interação de Cleiton com Andre | 1356 |
Nivel 59
|
3 Interação de Andre com Eliel | - Interação de Eliel com Andre | - |
Nivel 54
|
3 Interação de Andre com Gutembergh | 2 Interação de Gutembergh com Andre | - |
DevMedia
|
3 Interação de Andre com Eduardo | 3 Interação de Eduardo com Andre | - |
Nivel 17
|
2 Interação de Andre com Fabricio | 1 Interação de Fabricio com Andre | - |
