{"id":22239413,"url":"https://github.com/jairo51067/accessible-form-ui","last_synced_at":"2025-03-25T10:14:13.532Z","repository":{"id":263626571,"uuid":"864217335","full_name":"jairo51067/Accessible-Form-UI","owner":"jairo51067","description":"Este proyecto consiste en un formulario diseñado para actualizar un perfil de usuario, centrado en la accesibilidad y la experiencia de usuario. Implementa validaciones en tiempo real, un sistema gráfico de progreso interactivo con SVG y un diseño moderno optimizado para navegadores actuales.","archived":false,"fork":false,"pushed_at":"2024-11-19T15:30:17.000Z","size":11,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T09:17:12.903Z","etag":null,"topics":["css3","html5","javascript","semantic-web","svg-animations"],"latest_commit_sha":null,"homepage":"https://jairo51067.github.io/Accessible-Form-UI/ ","language":"CSS","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/jairo51067.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":"2024-09-27T18:00:44.000Z","updated_at":"2024-11-19T15:31:27.000Z","dependencies_parsed_at":"2024-11-19T15:42:18.604Z","dependency_job_id":"c84546be-2e2f-470e-a53c-ba85508e1beb","html_url":"https://github.com/jairo51067/Accessible-Form-UI","commit_stats":null,"previous_names":["jairo51067/accessible-form-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jairo51067%2FAccessible-Form-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jairo51067%2FAccessible-Form-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jairo51067%2FAccessible-Form-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jairo51067%2FAccessible-Form-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jairo51067","download_url":"https://codeload.github.com/jairo51067/Accessible-Form-UI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245440583,"owners_count":20615633,"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":["css3","html5","javascript","semantic-web","svg-animations"],"created_at":"2024-12-03T03:19:25.718Z","updated_at":"2025-03-25T10:14:13.501Z","avatar_url":"https://github.com/jairo51067.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \"Formulario accesible para actualizar perfil con interfaz moderna\"\nEste proyecto consiste en un formulario diseñado para actualizar un perfil de usuario, centrado en la accesibilidad y la experiencia de usuario. Implementa validaciones en tiempo real, un sistema gráfico de progreso interactivo con SVG y un diseño moderno optimizado para navegadores actuales. Durante el desarrollo, se abordaron desafíos como la optimización para accesibilidad (atributos aria), el uso de tecnologías modernas para gráficos dinámicos y la gestión de estados en formularios complejos. Este proyecto muestra habilidad para combinar diseño funcional con prácticas modernas de desarrollo web.\n\n# Formulario Accesible - Actualizar Perfil\n[Enlace al proyecto](https://jairo51067.github.io/Accessible-Form-UI/)\n\n\nImagen del proyecto \n![Formulario Accesible](https://github.com/user-attachments/assets/616371fd-09e2-47ee-8c95-171c02c82d15)\n\n\n## Descripción\nEste formulario permite a los usuarios actualizar su información de perfil de manera accesible y eficiente. Su propósito principal es demostrar cómo integrar buenas prácticas de accesibilidad, validación y diseño moderno en un formulario de uso cotidiano. Este proyecto fue inspirado por la necesidad de formularios más inclusivos y visualmente atractivos.\n\n## Características\n- **Accesibilidad mejorada**: Uso de etiquetas semánticas y atributos `aria` para navegación asistida.\n- **Validación dinámica**: Revisión de datos en tiempo real con mensajes de guía para el usuario.\n- **Visualización de progreso**: Gráficos SVG interactivos que reflejan el estado de avance del usuario.\n- **Gestión de contraseñas**: Opciones para mostrar/ocultar contraseñas con un solo clic.\n\n## Tecnologías Utilizadas\n- **HTML5**: Organización semántica del contenido.\n- **CSS3**: Diseño responsivo con Flexbox y animaciones básicas para gráficos.\n- **JavaScript**: Implementación de validaciones dinámicas y control de estado de los elementos interactivos.\n- **SVG**: Creación de gráficos circulares para representar el progreso.\n\n## Instalación\n1. Clona el repositorio:\n    ```bash\n    git clone https://github.com/jairo51067/actualizar-perfil.git\n    ```\n2. Abre el archivo `index.html` en tu navegador para ver el proyecto.\n\n## Cómo Contribuir\nSi deseas contribuir, sigue estos pasos:\n1. Haz un fork del repositorio.\n2. Crea una nueva rama:\n    ```bash\n    git checkout -b nueva-rama\n    ```\n3. Realiza tus cambios y súbelos:\n    ```bash\n    git commit -m \"Descripción de los cambios\"\n    git push origin nueva-rama\n    ```\n4. Envía un pull request.\n\n¡Tu contribución es bienvenida!\n\n## Licencia\nDistribuido bajo la licencia MIT.\n\n## Autor\nProyecto desarrollado por **Jairo Cárdenas**.  \n- Correo electrónico: [jairo.cardenas.dev@gmail.com](mailto:jairo.cardenas.dev@gmail.com)   \n- GitHub: [@jairo51067](https://github.com/jairo51067) \n\n\nhttps://roadmap.sh/projects/accessible-form-ui \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjairo51067%2Faccessible-form-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjairo51067%2Faccessible-form-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjairo51067%2Faccessible-form-ui/lists"}