{"id":15207283,"url":"https://github.com/aldamayorgadev/010-spa","last_synced_at":"2026-03-07T08:02:59.787Z","repository":{"id":122772540,"uuid":"595269752","full_name":"AldaMayorgaDev/010-Spa","owner":"AldaMayorgaDev","description":"Landing Page Spa Carolina","archived":false,"fork":false,"pushed_at":"2023-01-31T03:30:37.000Z","size":1976,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T17:15:00.482Z","etag":null,"topics":["css3","git","git-flow","gulpjs","html5","javascript","mobile-first","responsive-web-design","sass","swiper-js","swiper-slider"],"latest_commit_sha":null,"homepage":"https://aldamayorgadev.github.io/010-Spa/","language":"HTML","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/AldaMayorgaDev.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":"2023-01-30T18:38:13.000Z","updated_at":"2023-04-11T16:07:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"7d2f32c7-6e0d-456a-bba9-13cfc1fb9369","html_url":"https://github.com/AldaMayorgaDev/010-Spa","commit_stats":{"total_commits":10,"total_committers":2,"mean_commits":5.0,"dds":0.09999999999999998,"last_synced_commit":"c8d0e57ef71d8156222948a9c30d319f5fb23194"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AldaMayorgaDev%2F010-Spa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AldaMayorgaDev%2F010-Spa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AldaMayorgaDev%2F010-Spa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AldaMayorgaDev%2F010-Spa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AldaMayorgaDev","download_url":"https://codeload.github.com/AldaMayorgaDev/010-Spa/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242250924,"owners_count":20096896,"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","git","git-flow","gulpjs","html5","javascript","mobile-first","responsive-web-design","sass","swiper-js","swiper-slider"],"created_at":"2024-09-28T06:41:29.857Z","updated_at":"2026-03-07T08:02:59.770Z","avatar_url":"https://github.com/AldaMayorgaDev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landing Page Spa 🛀🏿🛁🧖‍♀️🧖\n\n## Índice📚 \n* Acerca de 💻 \n* Construido con 🛠️\n* Deploy 🚀 \n* Vista previa del proyecto 👀 \n* Reporte de Lighthouse 💡 \n* Instalación, configuración y ejecución 🧰 \n\n## Acerca de 💻 \n\nEste proyecto consiste en la creación una landing page de SpaCaroline utilizando HTML, CSS, JavaScritp, SASS, aprendiendo buenas prácticas, implementando responsive design con un enfoque Mobile First a través de Media Queries, uso de mixins y gulp.js Asi mismo, este proyecto se desarrollo utilizando el flujo de trabajo y control de versiones con git, se utiliza la libreria Swiper.js para la creacion del Slider, además el CSS ha sido escrito utilizando el enfoque de la metodologia estilos CSS BEM:\n\n* .Bloque{}\n* .Bloque__Elemento{}\n* .Bloque__Elemento--Modificador{}.\n\n\n## Construido con 🛠️\n\n_Las técnologias utilizadas para el desarrollo fueron:_\n\n* HTML \n* CSS\n* Flex-box\n* CSS Grid\n* SASS\n* JavaScript\n\n## Deploy 🚀  \n\n* El deployment del proyecto se ha realizando en las plataformas:\n    * GitHub Pages.\n    * netlify.com\n\n## Vista previa del proyecto 👀 \n\n* 👀  [Proyecto]( https://aldamayorgadev.github.io/010-Spa/ )\n\n\n## Reporte de Lighthouse 💡 \n\n\u003cimg width=\"820\" alt=\"Captura de Pantalla 2023-01-30 a la(s) 21 29 42\" src=\"https://user-images.githubusercontent.com/94152243/215655831-bdb423a1-480d-4820-8ea7-0e8671f89e11.png\"\u003e\n\n\n\n\n\n## Instalación, configuración y ejecución 🧰 \n_A continuación se muestra un ejemplo de cómo es el proceso de instalación y configuración de la aplicación._\n\n\n1. Clonar el repositorio\n   ```sh\n   git clone git@github.com:AldaMayorgaDev/010-Spa.git\n   ```\n2. Instalación de Packages NPM\n   ```sh\n   npm install\n   ```\n3. Ejecución del proyecto    \n   ```sh\n   gulp\n   ```\n   o\n\n   ```sh\n   gulp dev\n   ```\n\n## Autores ✒️\n\n* **Aldahir Mayorga** - *Trabajo Inicial* - [AldaMayorgaDev](https://github.com/AldaMayorgaDev)\n\n\n\n\n\n\n---\n⌨️ Hecho con ❤️ por [AldaMayorgaDev](https://github.com/AldaMayorgaDev) 😊🚀 2023.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faldamayorgadev%2F010-spa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faldamayorgadev%2F010-spa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faldamayorgadev%2F010-spa/lists"}