{"id":21836928,"url":"https://github.com/waldohidalgo/intro-component_with_signup_form","last_synced_at":"2026-05-11T03:31:48.469Z","repository":{"id":247622470,"uuid":"826035299","full_name":"waldohidalgo/intro-component_with_signup_form","owner":"waldohidalgo","description":"Repositorio con el código solución al challenge Intro component with sign-up form de Front End Mentor","archived":false,"fork":false,"pushed_at":"2024-07-09T16:55:54.000Z","size":900,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T10:11:50.358Z","etag":null,"topics":["frontend-mentor","frontendmentor","frontendmentor-challenge","frontendmentor-solution","tailwindcss","vite","vuejs"],"latest_commit_sha":null,"homepage":"https://intro-component-with-signup-form-green-five.vercel.app/","language":"Vue","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/waldohidalgo.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-07-09T01:54:28.000Z","updated_at":"2024-07-09T16:55:57.000Z","dependencies_parsed_at":"2024-07-09T20:06:12.651Z","dependency_job_id":"35648120-0a6f-497c-a25c-78f25545fbca","html_url":"https://github.com/waldohidalgo/intro-component_with_signup_form","commit_stats":null,"previous_names":["waldohidalgo/intro-component_with_signup_form"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fintro-component_with_signup_form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fintro-component_with_signup_form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fintro-component_with_signup_form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldohidalgo%2Fintro-component_with_signup_form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/waldohidalgo","download_url":"https://codeload.github.com/waldohidalgo/intro-component_with_signup_form/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244815960,"owners_count":20515023,"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":["frontend-mentor","frontendmentor","frontendmentor-challenge","frontendmentor-solution","tailwindcss","vite","vuejs"],"created_at":"2024-11-27T20:43:43.158Z","updated_at":"2026-05-11T03:31:48.424Z","avatar_url":"https://github.com/waldohidalgo.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Intro component with sign up form\n\nRepositorio con el código solución al challenge: [Intro component with sign up form challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/intro-component-with-signup-form-5cf91bd49edda32581d28fd1).\n\nProyecto construido utilizando Vite, Vue.js y TailwindCSS.\n\n## Tabla de Contenidos\n\n- [Intro component with sign up form](#intro-component-with-sign-up-form)\n  - [Tabla de Contenidos](#tabla-de-contenidos)\n  - [The challenge](#the-challenge)\n  - [Diseños a Replicar](#diseños-a-replicar)\n    - [1-Mobile Design](#1-mobile-design)\n    - [2-Desktop Design](#2-desktop-design)\n    - [3-Active States Design](#3-active-states-design)\n  - [Proyecto Realizado](#proyecto-realizado)\n    - [1-Mobile Size](#1-mobile-size)\n    - [2-Desktop Size](#2-desktop-size)\n    - [3-Active States Mobile](#3-active-states-mobile)\n    - [4-Active States Desktop](#4-active-states-desktop)\n\n## The challenge\n\nEl desafío consiste en realizar lo siguiente:\n\n\u003e Your challenge is to build out this introductory component and get it looking as close to the design as \u003epossible.\n\u003e\n\u003e You can use any tools you like to help you complete the challenge. So if you've got something you'd \u003elike to practice, feel free to give it a go.\n\u003e\n\u003e Your users should be able to:\n\u003e\n\u003e - View the optimal layout for the site depending on their device's screen size\n\u003e - See hover states for all interactive elements on the page\n\u003e - Receive an error message when the `form` is submitted if:\n\u003e\n\u003e - Any `input` field is empty. The message for this error should say _\"[Field Name] cannot be empty\"_\n\u003e - The email address is not formatted correctly (i.e. a correct email address should have this \u003e structure: `name@host.tld`). The message for this error should say _\"Looks like this is not an email\"_\n\n## Diseños a Replicar\n\n### 1-Mobile Design\n\n![Mobile Design](./screenshots/mobile-design.jpg)\n\n### 2-Desktop Design\n\n![Desktop Design](./screenshots/desktop-design.jpg)\n\n### 3-Active States Design\n\n![Active States Design](./screenshots/active-states.jpg)\n\n## Proyecto Realizado\n\n### 1-Mobile Size\n\n![Mobile Size](./screenshots/mobile_waldo.webp)\n\n### 2-Desktop Size\n\n![Desktop Size](./screenshots/desktop_waldo.webp)\n\n### 3-Active States Mobile\n\n![Active States Mobile](./screenshots/active_states_mobile_waldo.webp)\n\n### 4-Active States Desktop\n\n![Active States Desktop](./screenshots/active_states_waldo.webp)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldohidalgo%2Fintro-component_with_signup_form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwaldohidalgo%2Fintro-component_with_signup_form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldohidalgo%2Fintro-component_with_signup_form/lists"}