Loading repository data…
DavidFranco3 / repository
Este layout es mi "navaja suiza". Trae lo mejor de Java en el backend y una experiencia de desarrollo moderna en el frontend. Olvídate de crear CRUDS a mano; con el generador incluido, tienes el módulo completo (de base de datos a interfaz) en segundos. Clonar, configurar DB y a programar.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Este proyecto es una estructura base (layout) fullstack profesional diseñada para acelerar el desarrollo de aplicaciones web de alto rendimiento. Utiliza Spring Boot en el backend como una API RESTful robusta, y una Single Page Application (SPA) integrada construida con React, Vite y React Router DOM en el frontend.
Inspirado en ecosistemas ágiles modernos, este proyecto incluye herramientas avanzadas como un generador automático de código (CRUD) y una CLI tipo Artisan para gestionar recursos directamente desde la consola.
react-hook-form) y su respectiva Migración de base de datos SQL. ¡Todo en segundos!react-hook-form para validación fluida en el cliente y sincronización estricta de validaciones del servidor.mvnw).Clonar el repositorio y entrar al proyecto:
git clone <url-del-repositorio>
cd layout_java_springboot
Configurar el entorno:
Edita el archivo src/main/resources/application.properties con tus credenciales de base de Datos para tu entorno local:
db.host=127.0.0.1
db.port=3306
db.name=nombre_de_tu_bd
spring.datasource.username=tu_usuario
spring.datasource.password=tu_contraseña
Instalar dependencias del Frontend:
npm install
Para iniciar el proyecto en modo desarrollo completo (Backend con auto-recarga y Frontend con Hot Module Replacement HMR):
npm run dev
Esto ejecutará simultáneamente mediante concurrently:
mvnw spring-boot:run) sirviendo la API REST en http://localhost:8080.http://localhost:5173.Nota: Vite expone los asests para la SPA y redirige peticiones de la API de
/api/*hacia el servidor backend, permitiendo evitar problemas de CORS durante desarrollo.
Puedes generar un módulo completo fullstack (Backend REST y UI Frontend) ejecutando:
npm run make:crud-react <NombreDeEntidad>
Ejemplo:
npm run make:crud-react Empresa
Esto andamiará las siguientes capas de arquitectura automáticamente:
Empresa.java (Entidad JPA) y EmpresaDTO.javaEmpresaMapper.java (MapStruct)EmpresaRepository.java y EmpresaService.javaEmpresaController.java (Endpoints REST: GET, POST, PUT, DELETE)src/main/resources/js/Pages/Empresas/Index.jsx (Listado y Data Table asíncrono)src/main/resources/js/Pages/Empresas/Form.jsx (Formulario conectado con react-hook-form y validación de errores del backend).V<NN>__create_empresas_table.sql (Migración automática detectada en Flyway)Disponemos de utilidades estilo Laravel Artisan portadas a Node en la carpeta scripts/ para simplificar operaciones repetitivas de desarrollo:
npm run artisannpm run artisan db:seednpm run artisan modulos:scannpm run artisan admin:asignar <email>npm run artisan migratesrc/main/java: Backend código Java Spring Boot estructurado en paquetes MVC y servicios.src/main/resources/js: Código fuente Frontend (React + Router + Componentes).src/main/resources/js/Pages: Views / Páginas SPA del Frontend.src/main/resources/db/migration: Archivos de control de versión de estructura SQL (Flyway).scripts/: Herramientas custom de Node JS implementadas para automatizaciones (CLI Crud y Artisan).vite.config.js: Configuración del HMR de UI y Webpack moderno.pom.xml: Administrador de dependencias (Maven).Selected from shared topics, language and repository description—not editorial ratings.
ihnorambuena /
Este es un proyecto personal para aplicar conocimientos básicos de JavaScript, además de aplicar conceptos de flex-box y layout web.
30/100 healthLucas-Alexandre-Ferreira /
Este sistema de gerenciamento de estoque, construído com HTML, CSS e JavaScript, permite adicionar, editar e excluir produtos, além de calcular o valor total do estoque. Possui listagem dinâmica em tabela, layout responsivo e futuras melhorias incluem armazenamento local e filtros.
37/100 healthSirDrakai /
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Vai.lá - Redirecionamento de sites e encurtador de url, registro de domínio no formato seunome.vai.la. Domínio grátis!</title> <meta lang="pt" name="title" content="Vai.lá - Redirecionamento de sites e encurtador de url, registro de domínio no formato seunome.vai.la. Domínio grátis!"> <meta lang="pt" name="Description" content="Serviço de redirecionamento de sites e emails, dominios Gratis. Redirecione seu dominio .vai.la para qualquer outro lugar, inclusive hospedagens gratuitas, como geocites, hpg, kit.net, sem propaganda."> <meta lang="pt" name="Keywords" content="redirecionamento de sites, redirecionamento de emails, dominios Gratuitos, domínios, domínios grátis, hospedagens gratuitas, geocites, hpg, kit.net, grátis, redirecionamento, redirecionamentos, exclusivo, único"> <meta lang="pt" name="Abstract" content="Serviço de redirecionamento de sites e emails, Dominios Gratuitos. Redirecione seu dominio .vai.la para qualquer outro lugar, inclusive hospedagens gratuitas, como geocites, hpg, kit.net, entre outros"> <meta name="robots" content="index,follow"> <meta name="revisit" content="1 days"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Cache-Control" content="no-cache, no-store" /> <meta http-equiv="Pragma" content="no-cache, no-store" /> <meta http-equiv="expires" content="Mon, 06 Jan 1990 00:00:01 GMT" /> <link rel="shortcut icon" href="http://www.vai.la/favicon.ico" type="image/x-icon" /> <link rel="icon" type="ico" href="http://www.vai.la/favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://www.vai.la/common/css/layout.css" /> <link rel="stylesheet" type="text/css" href="http://www.vai.la/common/css/account.forms.css" /> <link type="text/css" href="http://www.vai.la/common/css/jqueryui/jquery-ui-1.8.6.custom.css" rel="stylesheet" /> <!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="http://www.vai.la/common/css/menu-blue-ie.css" /> <![endif]--> <script type="text/javascript" src="http://www.vai.la/common/js/jquery.sizzle.js"></script> <script type="text/javascript" src="http://www.vai.la/common/js/jquery.js"></script> <script type="text/javascript" src="http://www.vai.la/common/js/jquery-ui.js"></script> <script type="text/javascript" src="http://www.vai.la/common/js/json.js"></script> <script type="text/javascript" src="http://www.vai.la/common/js/jquery.labelify.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(":text").labelify(); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".nav-menu li").hover(function(){ $(this).find('ul').show(); $(this).addClass("selecionado"); },function(){ $(this).find('ul').hide(); $(this).removeClass("selecionado"); }); }); </script> <link rel="commands" href="http://www.vai.la/common/js/ubiquity.js" name="Ubiquity Vai.la Command" /> <script type="text/javascript" src="http://www.vai.la/common/js/jquery.meiomask.js" charset="utf-8" ></script></p> <script type="text/javascript"><!-- (function($){ $( function(){ $('input:text').setMask(); } ); })(jQuery); $.mask.rules = { '*': /[0-9a-z-]/, '=': /[0-9a-z_]/ }; $.mask.masks.dom_name = {mask: '**************************************************', maxLength: '50', type: 'repeat' } $.mask.masks.use_username = {mask: '============================================================', maxLength: '60', type: 'repeat' } // --></script> </head> <body> <div id="layoutPage"> <div style="margin:9px 0 10px 0;"> <div id="header"> <li><a href="http://en.vai.la/" style="border:0px; text-decoration: none;"><img src="http://www.vai.la/common/img/layout/us.png" border="0" align="absmiddle"> </a><a href="http://www.en.vai.la/">English version</a> <span>|</span> </li> <li><a href="http://es.vai.la/" style="border:0px; text-decoration: none;"><img src="http://www.vai.la/common/img/layout/es.png" border="0" align="absmiddle"> </a><a href="http://www.es.vai.la/">Versión en español</a></li> </div> <div id="header" style="float: right; text-align: right;"> <li><a href="http://www.vai.la/default/account/login?continue=vai.la/">Entrar</a> <span>|</span> </li> <li><a href="http://www.vai.la/default/account/signup?continue=vai.la/">Cadastre-se</a></li> </div> <div style="width: 100%; height:10px; border-bottom: solid 1px #DCDCDC; clear:both;"></div> </div> <div style="float:left; height:86px;"> <a href="http://www.vai.la"><img src="http://www.vai.la/common/img/layout/logo_square.png" alt="Vai.la" border="0" /></a> </div> <div style="width:714px; float:right; height:52px; border:0px solid #000;"> <form role="search" method="get" id="searchform" action="http://www.vai.la/twitter/search" > <div style="float:left;"><input name="q" type="text"title="O QUE DESEJA BUSCAR?" style="width: 624px; height: 20px; font-size: 17px; color:#999; text-transform: uppercase; padding: 10px; border:1px solid #C1C1C1;" /></div> <div style="float:right;"><input type="submit" title="Clique aqui ou pressione ENTER para buscar" style="background: url('http://www.vai.la/common/img/layout/bt_search.png') no-repeat; width: 60px; height: 42px; text-indent: -9000px; margin-left:5px; overflow: hidden; cursor: pointer; *font-size: 0; *line-height: 0; border:0px;" /></div> <div style="clear:both;"></div> </form> </div> <div style="width:714px; float:right; height:34px; background:#4B475B url('http://www.vai.la/common/img/layout/menubg.png');"> <ul id="nav-menu" class="nav-menu" style="margin-top:0px; float:left;"> <li class=""> <a href="http://www.vai.la">Vai.la</a> </li> <li class=""> <a href="http://www.vai.la/index/links" style="text-transform:capitalize;">Explore</a> <ul style="display: none; width:150px;" class="box-submenu"> <li><a href="http://www.vai.la/index/domains">Domínios recentes</a></li> <li><a href="http://www.vai.la/index/links">Links recentes</a></li> <li><a href="http://www.vai.la/index/tweets">Tweets recentes</a></li> </ul> </li> <li class=""> <a href="#">Encurtador</a> <ul style="display: none; width:150px;" class="box-submenu"> <li><a href="http://www.vai.la/link/api/?h=1">API para integração</a></li> <li><a href="http://www.vai.la/link/bookmarks">Barra de favoritos</a></li> </ul> </li> <li class="last"> <a href="http://www.learncafe.com/cursos-gratis" target="_blank" style="text-transform:capitalize;">Cursos grátis</a> </li> </ul> <ul id="nav-menu" class="nav-menu" style="margin-top:0px; float:right;"> <li class=""><a href="http://www.vai.la/default/account/login?continue=vai.la/"><span>Entrar</span></a></li> <li class="last"><a href="http://www.vai.la/default/account/signup?continue=vai.la/"><span>Cadastre-se</span></a></li> </ul> </div> <div style="clear: both"></div> <!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --> <!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --> <!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --><!-- FIM DO CABEÇALHO --> <div id="layoutMainContent"> <script type="text/javascript"> function formDomain() { // Dialog $('#formDomain').dialog({ autoOpen: true, modal: true, width: 440, resizable: false }); $('#dom_name_modal').attr('value', $("#dom_name").val()); } $(document).ready(function() { try{ $("#formAdd").submit(function() { // DISABLE SUBMIT BUTTON AND CHANGE TEXT // DISABLE SUBMIT BUTTON AND CHANGE TEXT // DISABLE SUBMIT BUTTON AND CHANGE TEXT input_submit = "#btn_submit_modal"; backup_text = $(input_submit).val(); $(input_submit).val("Aguarde"); interval = window.setInterval(function(){ var text = $(input_submit).val(); if (text.length < (backup_text.length+4)){ $(input_submit).val(text + '.'); } else { $(input_submit).val("Aguarde"); } }, 200); $(input_submit).attr('disabled','disabled'); ///////////////////////////////////////////// $.post( "http://www.vai.la/domain/add", { dom_id: $("#dom_id").val(), dom_title: $("#dom_title").val(), dom_name: $("#dom_name_modal").val(), dom_url: $("#dom_url").val(), dom_tags: $("#dom_tags").val(), dom_description: $("#dom_description").val(), use_username: $("#use_username").val(), use_email: $("#use_email").val() }, function(data){ $("#message").text(""); // virá no formato exemplo: ['error', ['erro 1', 'erro2']] // ou: ['success', ['sucesso'], link] try{ var json_response = JSON.parse(data); } catch(e) { alert(e + " \n" + data) // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT window.clearInterval(interval); $(input_submit).val(backup_text); $(input_submit).removeAttr('disabled'); //////////////////////////////////////// } if( json_response[0] == "error" ){ var i; $("#message").css({color: "#FF0000"}); for( i in json_response[1] ){ $("#message").append(json_response[1][i] + "<br />"); //break; // Get just the first error... } // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT window.clearInterval(interval); $(input_submit).val(backup_text); $(input_submit).removeAttr('disabled'); //////////////////////////////////////// } else { var i; $("#message").css({color: "#00FF00"}); for( i in json_response[1] ){ $("#message").append(json_response[1][i] + "<br />"); } window.location = "http://www.vai.la/dominio/" + json_response[2]; } }); return false; }); } catch(e) { alert(e) // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT // REENABLE SUBMIT BUTTON AND CHANGE TEXT window.clearInterval(interval); $(input_submit).val(backup_text); $(input_submit).removeAttr('disabled'); //////////////////////////////////////// } }); </script> <div id="formDomain" style="display:none;" title="Registre seu domínio grátis"> <form id="formAdd" method="post" class="detetiveModal" action=""> <div id="message"></div> <label><b>DOMÍNIO ESCOLHIDO:</b></label><br /><input type="text" name="dom_name" alt="dom_name" id="dom_name_modal" value="" class="inputText" style="text-transform:lowercase; width:350px; text-align:right;" /><b> .vai.la</b><br /> <label><b>taxe hotel:</b></label><br /><input type="text" name="dom_url" id="dom_url" value="http://" class="inputText" style="width: 400px;" /><br> <label><b>TÍTULO:</b></label><br /><input type="text" name="dom_title" id="dom_title" value="" class="inputText" style="width: 400px;" /><br /> <label><b>seja bem vindo (a):</b></label><br /><input type="text" name="dom_description" id="dom_description" value="" class="inputText" style="width: 400px;" /><br> <label><b>PALAVRAS-CHAVE:</b></label><br /><input type="text" name="dom_tags" id="dom_tags" value="" class="inputText" style="width: 400px;" /><br> <div style="margin-top: 5px; text-align: left; margin-bottom: 0"> <input class="btn_small" name="btn_submit_modal" id="btn_submit_modal" type="submit" value="Sim, registrar este domínio!" /> </div> </form> </div> <div id="banner" style="text-align:right; width:810px; height:180px; background-color:#4C485C; background:#4C485C url('http://www.vai.la/common/img/layout/banner_pt.png') no-repeat left center;"> <div style="position:absolute; width:448px; margin-top:108px; margin-left:321px;"> <div style="float:left;"><input alt="dom_name" name="dom_name" id="dom_name" type="text" style="width:224px; height:20px; font-size:16px; color:#407CAF; font-weight: bold; text-transform:lowercase; padding: 6px; border:1px solid #C1C1C1; text-align: left;" onkeyup="javascript: if(event.keyCode == 13 || event.which == 13) { formDomain(); }" /></div> <div style="float:right;"><input class="btn_big" style="margin-top:6px;" type="submit" value="Continuar" onclick="formDomain();" /></div> <div style="clear:both;"></div> </div> </div> <div style="float:left; width:336px; margin-right:10px; font-size:12px;"> <script type="text/javascript" src="http://www.vai.la/common/js/CopyClipboardButton.js"></script> <script type="text/javascript" src="http://www.vai.la/common/js/jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#links_form').ajaxForm({ target: '#divShorted' }); }); </script> <script type="text/javascript"> function SelectAll(id) { document.getElementById(id).focus(); document.getElementById(id).select(); } </script> <form id="links_form" method="POST" action="link/generate"> <div style="height:68px; margin: 10px 0 0 0; background:url(http://www.vai.la/common/img/layout/display_shorten_pt.png); "></div> <div style="background: #949494; padding: 12px 10px 12px 10px;"> <div style="float:left"> <input id="link_submit" type="text" name="url" value="http://" style="border: 0; color: #6E6E66; width: 234px; padding: 3px 7px 3px 7px;" autocomplete="off" onfocus="if (this.value == 'http://') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'http://'; }" /> <input type="hidden" name="use_id" value="0" /> </div> <div style="float:right;"> <input type="submit" value="encurtar" style="background:#6A6A6A; border:0; color:#FFFFFF; font-size:11px; padding:4px 5px 4px 5px; margin: 5px 0 0 0px;" /> </div> <div style="clear: both"></div> </div> <div id="divShorted" style="margin-bottom:10px;"></div> </form> </div> <div style="float:left; width:227px; margin-right:10px; font-size:12px;"> <!-- Tab menu --> <div style="margin-top:10px; padding:8px; border:1px solid #E0E0E0; background-color:#F9F9F9;"> <strong>Destaques de hoje</strong> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/l2dragonknight" title="L2DRAGONKNIGHT">l2dragonknight.vai.la</a> </div> <div style="float:right;"> 178 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/facebook-andremesquita" title="facebook">facebook-andremesquita.vai.la</a> </div> <div style="float:right;"> 70 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/emfoco" title="EM FOCO">emfoco.vai.la</a> </div> <div style="float:right;"> 68 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/paidefamilia3" title="Pai de Família.">paidefamilia3.vai.la</a> </div> <div style="float:right;"> 35 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/unosempreemder" title="Unos Empreendedores - Todo o Brasil a um Click">unosempreemder.vai.la</a> </div> <div style="float:right;"> 33 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/mulherconquista" title="Aprenda a conquistar qualquer homem !">mulherconquista.vai.la</a> </div> <div style="float:right;"> 31 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/moacir-senhawa" title="Senhas para o Wolframalpha">moacir-senhawa.vai.la</a> </div> <div style="float:right;"> 31 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/contato" title="Contato">contato.vai.la</a> </div> <div style="float:right;"> 29 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/bmlcrossfire" title="Bmlcrossfire">bmlcrossfire.vai.la</a> </div> <div style="float:right;"> 24 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/eliminarcelulite" title="Eliminar Celulite">eliminarcelulite.vai.la</a> </div> <div style="float:right;"> 23 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/ruseries" title="RUSEries">ruseries.vai.la</a> </div> <div style="float:right;"> 19 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/radiogiro97" title="Radio giro 97">radiogiro97.vai.la</a> </div> <div style="float:right;"> 19 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/sigosim" title="Sigo Sim Blog">sigosim.vai.la</a> </div> <div style="float:right;"> 18 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/queimade48horas" title="queima de 48 horas">queimade48horas.vai.la</a> </div> <div style="float:right;"> 17 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/aumentar-seios" title="Aumentar Seios">aumentar-seios.vai.la</a> </div> <div style="float:right;"> 17 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/habboclient" title="Habboclient">habboclient.vai.la</a> </div> <div style="float:right;"> 16 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/mundojava" title="MundoJava">mundojava.vai.la</a> </div> <div style="float:right;"> 14 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/demore-mais" title="Controle a ejaculação">demore-mais.vai.la</a> </div> <div style="float:right;"> 13 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/baiakpesadao2" title="BaiakPesadao2">baiakpesadao2.vai.la</a> </div> <div style="float:right;"> 13 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/l2-fantasy" title="L2-Fantasy">l2-fantasy.vai.la</a> </div> <div style="float:right;"> 12 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/kekagunzbr" title="KekaGunz v4.3.1">kekagunzbr.vai.la</a> </div> <div style="float:right;"> 12 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/forumspicegirlsforever" title="Spice Girls Forever - Forums">forumspicegirlsforever.vai.la</a> </div> <div style="float:right;"> 11 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/pauloveiculos" title="PAULO Veiculos">pauloveiculos.vai.la</a> </div> <div style="float:right;"> 11 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/conquistar-mulheres" title="Conquistar Mulheres">conquistar-mulheres.vai.la</a> </div> <div style="float:right;"> 11 hits </div> <div style="clear: both"> </div> </div> </div> <div style="float:right; width:227px; font-size:12px;"> <div style="margin-top:10px; padding:8px; border:1px solid #E0E0E0; background-color:#F9F9F9;"> <strong>Ranking de domínios</strong> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/emfoco" title="EM FOCO">emfoco.vai.la</a> </div> <div style="float:right;"> 1.700 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/radiomegafm91fm" title="RÁDIO MEGA FM">radiomegafm91fm.vai.la</a> </div> <div style="float:right;"> 1.517 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/l2matao" title=":::Lineage2Matao Interlude 5000x PvP:::">l2matao.vai.la</a> </div> <div style="float:right;"> 772 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/eliminarcelulite" title="Eliminar Celulite">eliminarcelulite.vai.la</a> </div> <div style="float:right;"> 704 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/bmlcrossfire" title="Bmlcrossfire">bmlcrossfire.vai.la</a> </div> <div style="float:right;"> 702 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/paidefamilia3" title="Pai de Família.">paidefamilia3.vai.la</a> </div> <div style="float:right;"> 697 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/catalogodigital" title="Catálogo Digital Para folheados grátis">catalogodigital.vai.la</a> </div> <div style="float:right;"> 568 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/smitegame" title="SMITE GAME: Brasil">smitegame.vai.la</a> </div> <div style="float:right;"> 541 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/mulherconquista" title="Aprenda a conquistar qualquer homem !">mulherconquista.vai.la</a> </div> <div style="float:right;"> 534 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/kenialoucanacama" title="O que Você deve Saber para pôr uma Mulher louca na Cama">kenialoucanacama.vai.la</a> </div> <div style="float:right;"> 512 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/radiomegafm91" title="RÁDIO MEGA FM">radiomegafm91.vai.la</a> </div> <div style="float:right;"> 510 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/freezp" title="Z8Games Free ZP">freezp.vai.la</a> </div> <div style="float:right;"> 510 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/aprendaatocarviolao" title="Aprenda a tocar violao">aprendaatocarviolao.vai.la</a> </div> <div style="float:right;"> 452 hits /div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/moacir-senhawa" title="Senhas para o Wolframalpha">moacir-senhawa.vai.la</a> </div> <div style="float:right;"> 431 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/offertaniacriarconta" title="LANÇAMENTO OFFERTANIA">offertaniacriarconta.vai.la</a> </div> <div style="float:right;"> 429 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/queimade48horas" title="queima de 48 horas">queimade48horas.vai.la</a> </div> <div style="float:right;"> 364 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/l2dragonknight" title="L2DRAGONKNIGHT">l2dragonknight.vai.la</a> </div> <div style="float:right;"> 345 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/l2saranossaterra" title="L2Sara Nossa Terra">l2saranossaterra.vai.la</a> </div> <div style="float:right;"> 340 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/sigosim" title="Sigo Sim Blog">sigosim.vai.la</a> </div> <div style="float:right;"> 330 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/habboclient" title="Habboclient">habboclient.vai.la</a> </div> <div style="float:right;"> 327 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/apostar" title="Aposte para ganhar">apostar.vai.la</a> </div> <div style="float:right;"> 318 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/mundojava" title="MundoJava">mundojava.vai.la</a> </div> <div style="float:right;"> 314 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/ocodigodatracao" title="Codigo da Atração">ocodigodatracao.vai.la</a> </div> <div style="float:right;"> 303 hits </div> <div style="clear: both"> </div> </div> <div style="padding-top:8px; padding-bottom:8px; border:0px; border-bottom:1px solid #E0E0E0; background-color:#FFFFFF;"> <div style="float:left;"> <a href="../dominio/produtosparavenderpelainternet" title=" Gostaria de ver sua Página de Vendas">produtosparavenderpelainternet.vai.la</a> </div> <div style="float:right;"> 303 hits </div> <div style="clear: both"> </div> </div> </div> <div style="clear: both"></div> </div><!-- end div divMainContent --> <div id="footer" style="margin-bottom:15px;"> <div style="float:left;"> <a href="http://www.vai.la"><img src="http://www.vai.la/common/img/layout/logo_mini.png" alt="Learncafe" border="0" /></a> </div> <div style="float:right;"> <p>Vai.la - Redirecionamento de sites e encurtador de urls Todos os direitos reservados © 2003 / 2013</p> </div> <div style="clear:both"></div> </div> </div><!-- end div layoutPage --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-274669-7']); _gaq.push(['_setDomainName', '.vai.la']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>
DanielFernandoYepezVelez /
Este Proyecto Es Una Maquetación Con Css Grid Layout, Flex Box Y JavaScript, Simula Una Web De Viajes Tipo AirBNB. https://danielfernandoyepezvelez.github.io/Proyecto-Mi-Viaje.com/index.html
30/100 healthDanielFernandoYepezVelez /
Este Proyecto Es Una Maquetaciòn Web, Construida Con Html5, Css3, FlexBox, Css Grid Layout, JavaScript Y Contiene Algunos De Los Proyectos Construidos. Puedes Verlo Aquì https://danielfernandoyepezvelez.github.io/Portafolio-Proyectos/
30/100 healthcarlosgarcia06 /
Este es un proyecto realizado junto a la Academia Alura Latam en el curso de Layouts Responsivos, que consiste en una página que emula una empresa que ofrece la creación de distintas aplicaciones móviles y web.
33/100 health