{"id":19481789,"url":"https://github.com/dkevlas/harrypotterclone","last_synced_at":"2026-03-03T06:37:02.942Z","repository":{"id":259121834,"uuid":"876370182","full_name":"dkevlas/HarryPotterClone","owner":"dkevlas","description":"Clon interactivo y responsive de una web inspirada en Harry Potter, desarrollado con Angular, SCSS y TypeScript.","archived":false,"fork":false,"pushed_at":"2024-11-03T17:47:19.000Z","size":266,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-19T06:17:16.033Z","etag":null,"topics":["angular","frontend-web","html-css-javascript","responsive-design","responsive-web-design"],"latest_commit_sha":null,"homepage":"https://dkevlas.github.io/harry-potter/","language":"TypeScript","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/dkevlas.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-10-21T21:15:29.000Z","updated_at":"2024-11-03T17:49:00.000Z","dependencies_parsed_at":"2024-10-26T21:42:42.460Z","dependency_job_id":null,"html_url":"https://github.com/dkevlas/HarryPotterClone","commit_stats":null,"previous_names":["dkevlas/harrypotterclone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dkevlas/HarryPotterClone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dkevlas%2FHarryPotterClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dkevlas%2FHarryPotterClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dkevlas%2FHarryPotterClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dkevlas%2FHarryPotterClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dkevlas","download_url":"https://codeload.github.com/dkevlas/HarryPotterClone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dkevlas%2FHarryPotterClone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30034145,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-03T06:09:21.518Z","status":"ssl_error","status_checked_at":"2026-03-03T06:08:47.858Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","frontend-web","html-css-javascript","responsive-design","responsive-web-design"],"created_at":"2024-11-10T20:06:35.011Z","updated_at":"2026-03-03T06:37:02.926Z","avatar_url":"https://github.com/dkevlas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Harry Potter Web Clone\n\n### Imitación y/o Mejora de un Diseño Web\n\nEste proyecto es una recreación de una web inspirada en una imagen de arry Potter. He desarrollado una versión responsive e interactiva. Utilizando SCSS y TypeScript en Angular, He desarrollado una versión responsive e interactiva, donde no solo he replicado el diseño, sino que también he creado acciones para esos botones, aportando así una nueva dimensión al proyecto. El objetivo fue no solo replicar la estética original, sino también ofrecer una experiencia más inmersiva y funcional.\n\n## Comparación de Diseños\n\n- **[Diseño Original](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-04-Harry-Potter/original.webp)**\n\n### Imitaciones por Tipo de Pantalla\n\n1. **Mobile-Sreen**  \n   - **[iPhone XR/XS Max](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-04-Harry-Potter/small.jpg)**\n   - Resolución: 414x1941\n\n3. **Tablet-Screen**  \n   - **[iPad Pro (12.9-inch)](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-04-Harry-Potter/medium.jpg)**\n   - Resolución: 1026x1475\n\n4. **Desktop-Screen**  \n   - **[Laptop Standard](https://my-design-imitations.s3.us-east-2.amazonaws.com/design-04-Harry-Potter/large.jpg)**\n   - Resolución: 1440x1622\n\n### Mejoras realizadas:\n- Adaptado para **celulares**, **tablets**, y otras resoluciones.\n\n## Código del Proyecto\n\n1. **Clonar el repositorio** usando Git:\n   ```bash\n   git clone https://github.com/dkevlas/HarryPotterClone.git\n   ```\n2. **Navegar** al directorio del proyecto:\n   ```bash\n   cd HarryPotterClone\n   ```\n3. **Instalar las dependencias** Asegúrate de tener Node.js y npm instalados. Luego ejecuta:\n   ```bash\n   npm install\n   ```\n4. **Iniciar** el servidor:\n   ```\n   ng serve\n   ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdkevlas%2Fharrypotterclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdkevlas%2Fharrypotterclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdkevlas%2Fharrypotterclone/lists"}