{"id":24201426,"url":"https://github.com/miguelsjimenezv/registerformproject","last_synced_at":"2026-04-10T07:02:08.076Z","repository":{"id":270768128,"uuid":"911400207","full_name":"MiguelSJimenezV/RegisterFormProject","owner":"MiguelSJimenezV","description":"El RegisterForm Project es una página web diseñada para ofrecer un formulario de registro interactivo, con varias validaciones en tiempo real, efectos visuales y una interfaz moderna. El proyecto utiliza tecnologías web actuales como HTML5, CSS3, Bootstrap, JavaScript y JQuery para proporcionar una experiencia de usuario fluida y atractiva.","archived":false,"fork":false,"pushed_at":"2025-01-02T23:54:26.000Z","size":8,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T21:15:51.664Z","etag":null,"topics":["bootstrap","css3","frontend","html5","javascript","modern-ui","open-source","register","register-form","responsive-design","web-design"],"latest_commit_sha":null,"homepage":"https://miguelsjimenezv.github.io/RegisterFormProject/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MiguelSJimenezV.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-02T23:40:02.000Z","updated_at":"2025-01-03T01:13:58.000Z","dependencies_parsed_at":"2025-01-03T21:31:14.668Z","dependency_job_id":null,"html_url":"https://github.com/MiguelSJimenezV/RegisterFormProject","commit_stats":null,"previous_names":["miguelsjimenezv/contactformproject"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MiguelSJimenezV%2FRegisterFormProject","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MiguelSJimenezV%2FRegisterFormProject/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MiguelSJimenezV%2FRegisterFormProject/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MiguelSJimenezV%2FRegisterFormProject/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MiguelSJimenezV","download_url":"https://codeload.github.com/MiguelSJimenezV/RegisterFormProject/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241644807,"owners_count":19996249,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css3","frontend","html5","javascript","modern-ui","open-source","register","register-form","responsive-design","web-design"],"created_at":"2025-01-13T21:15:55.369Z","updated_at":"2025-12-31T01:03:33.406Z","avatar_url":"https://github.com/MiguelSJimenezV.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RegisterForm Project\n\n## Descripción\n\nEl **RegisterForm Project** es una página web diseñada para ofrecer un formulario de registro interactivo, con varias validaciones en tiempo real, efectos visuales y una interfaz moderna. El proyecto utiliza tecnologías web actuales como **HTML5**, **CSS3**, **Bootstrap**, **JavaScript** y **JQuery** para proporcionar una experiencia de usuario fluida y atractiva.\n\nEste formulario de contacto es ideal para ser integrado en proyectos donde se requiera una forma eficiente de capturar datos de los usuarios, como registros, suscripciones o cualquier otro tipo de interacción.\n\n### Características:\n\n- **Formulario de contacto completo**: Incluye los campos esenciales como correo electrónico, contraseña, nombre, apellido, DNI, fecha de nacimiento y sexo.\n- **Validaciones en tiempo real**: Asegura que los usuarios ingresen la información correctamente antes de enviar el formulario, minimizando errores y mejorando la calidad de los datos.\n- **Interactividad y efectos visuales**: El fondo de la página es dinámico, gracias a **Particles.js**, y las interacciones de usuario se mejoran con alertas visuales mediante **SweetAlert2**.\n- **Interfaz responsive**: La página se adapta perfectamente a cualquier tamaño de pantalla, ofreciendo una experiencia consistente en dispositivos móviles, tabletas y escritorios.\n\n## Tecnologías utilizadas\n\n- **HTML5**: Se utiliza para estructurar el contenido de la página y los elementos del formulario.\n- **CSS3**: Estilos visuales que aseguran una presentación moderna y adaptativa.\n- **Bootstrap**: Framework que facilita la creación de una interfaz responsive y profesional, optimizando el diseño en diferentes dispositivos.\n- **JavaScript**: Para las validaciones y funciones interactivas del formulario, mejorando la experiencia del usuario.\n- **JQuery**: Simplifica la manipulación del DOM y la gestión de eventos en el formulario.\n- **FontAwesome**: Librería de iconos que mejora la estética y funcionalidad del formulario y la página en general.\n- **Particles.js**: Efectos visuales en el fondo con partículas animadas, agregando dinamismo a la página.\n- **SweetAlert2**: Notificaciones emergentes para proporcionar mensajes visuales claros y atractivos, como confirmaciones o alertas de error.\n\n## Instalación\n\n### Paso 1: Clonar el repositorio\n\nSi deseas trabajar localmente con este proyecto, primero clona el repositorio usando Git:\n\n```bash\ngit clone https://github.com/MiguelSJimenezV/ContactFormProject.git\n```\n\n### Paso 2: Acceder al directorio del proyecto\n\nUna vez que el repositorio se haya clonado en tu máquina local, ingresa al directorio del proyecto:\n\n```bash\ncd ContactForm-Project\n```\n\n### Paso 3: Abre el archivo en tu navegador\n\nPara ver el formulario de contacto en acción, simplemente abre el archivo index.html en tu navegador web favorito.\n\n```bash\n\n# En la terminal puedes usar un servidor local, como Live Server en VSCode, o abrir el archivo directamente:\nopen index.html\n```\n\n### Estructura de Archivos\n\nLa estructura de archivos del proyecto es la siguiente:\n\n```bash\n\nContactForm-Project/\n│\n├── index.html\n├── assets/\n│   ├── css/\n│   │   └── form.css\n│   ├── js/\n│   │   ├── fondo.js\n│   │   ├── formValid.js\n│   │   └── jquery.min.js\n├── README.md\n└── LICENSE\n```\n\n## Contribución\n\nSi deseas contribuir al proyecto:\n\n1. Realiza un fork del repositorio.\n2. Crea una rama nueva para tu funcionalidad o corrección de errores:\n   ```bash\n   git checkout -b mi-nueva-funcionalidad\n   ```\n3. Realiza tus cambios y haz commit de ellos:\n   ```bash\n   git commit -m \"Agrega nueva funcionalidad\"\n   ```\n4. Envía tus cambios mediante un pull request.\n\n## Autor\n\n**Miguel Jimenez**\\\nDWN2AP | Turno Noche | Año 2023\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiguelsjimenezv%2Fregisterformproject","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmiguelsjimenezv%2Fregisterformproject","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiguelsjimenezv%2Fregisterformproject/lists"}