{"id":27107877,"url":"https://github.com/mancuellofran/landing-metrics","last_synced_at":"2025-08-08T06:16:43.101Z","repository":{"id":189047951,"uuid":"679937980","full_name":"mancuellofran/landing-metrics","owner":"mancuellofran","description":"Landing Page with Vue 3 using currency API and download with Excel","archived":false,"fork":false,"pushed_at":"2023-08-18T08:37:26.000Z","size":281,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-13T15:04:59.407Z","etag":null,"topics":["d3js","hexagonal-architecture","tyoescript","vuejs"],"latest_commit_sha":null,"homepage":"https://landing-metrics.netlify.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/mancuellofran.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-08-18T01:08:27.000Z","updated_at":"2023-09-25T00:03:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"3d642a52-2da5-40be-9d6f-785011c90084","html_url":"https://github.com/mancuellofran/landing-metrics","commit_stats":null,"previous_names":["mrandvx/landing-metrics","mancuellofran/landing-metrics"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/mancuellofran/landing-metrics","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mancuellofran%2Flanding-metrics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mancuellofran%2Flanding-metrics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mancuellofran%2Flanding-metrics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mancuellofran%2Flanding-metrics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mancuellofran","download_url":"https://codeload.github.com/mancuellofran/landing-metrics/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mancuellofran%2Flanding-metrics/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266086578,"owners_count":23874491,"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":["d3js","hexagonal-architecture","tyoescript","vuejs"],"created_at":"2025-04-06T21:37:42.122Z","updated_at":"2025-07-20T07:36:21.068Z","avatar_url":"https://github.com/mancuellofran.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landing Metrics\n\nBuilt following the **Hexagonal Architecture** pattern with **Vue.js** and **TypeScript** to ensure separation of responsibilities, ease testing and keep business logic decoupled from external details.\n\n## 👀 Demo\n- [Landing Page on Netlify](https://landing-metrics.netlify.app/)\n\n## 📘 Architecture and patterns\n\nThis project follows the Hexagonal Architecture pattern, which allows a clear separation between business logic and external technical details. This facilitates adaptability, testing and code maintenance.\n\n**Folder distribution**\n\n    ``bash\n    src/\n    |-- adapters/\n    |   |-- DataAPIAdapter.ts\n    |   |-- LocalStorageAdapter.ts\n    |\n    |-- domain/\n    |   |-- usecases/\n    |       |-- calculateVariation.ts\n    |       |-- FetchAndProcessDollarData.ts\n    |\n    |-- ports/\n    |   |-- IDataAPIPort.ts\n    |\n    |-- ui/\n    |   |-- assets/\n    |   |   |-- images/\n    |   |       |-- ...\n    |   |\n    |-- views/\n    |-- Landingpage.vue\n    |-- Description.vue\n    |-- Services.vue\n    |-- References.vue\n    |-- Triangles.vue\n    |-- DollarChart.vue\n    |\n    |-- tests/\n    |   |-- e2e/\n    |   |   |-- ...\n    |   |-- unit/\n    |   |   |-- ...\n    |\n    ``\n\n## 🚀 Quick start\n\n1. **Proyect Documentation**\n\n   Make sure you have `yarn` installed. If you don't have it, you can download it from [here](https://classic.yarnpkg.com/en/docs/install/). Then, install the project dependencies:\n\n   ``bash\n   yarn install\n    ``\n2. **Local development**\n\n    To start a development server with hot reloading:\n\n    ``bash\n   yarn serve\n   ``\n    This will compile and serve your project, showing changes in real time.\n\n3. **Production**\n\n    When you are ready to create a production version:\n\n    ``bash\n   yarn build\n   ``\n   This will optimize and minimize the compiled files in the dist folder.\n\n## 🧪 Test\n    \nEste proyecto cuenta con pruebas unitarias y end-to-end para asegurar la calidad y funcionalidad del código.\n\n- Unit test\n\n    We use Jest for unit testing. Run the tests with:\n\n    ``bash\n    yarn test:unit\n    ``\n- Test E2E\n\n    E2E tests are performed using Cypress. You can run them with:\n\n    ``bash\n    yarn test:e2e\n    ``\n## 🛠️ Tools and configuration\n- Linter\n\n    Make sure your code follows best practices and automatically fixes detected problems:\n\n    ``bash\n    yarn lint\n    ``\n\n## 📖 Additional Resources\n- [Adobe XD](https://xd.adobe.com/view/7a960ded-077f-4cf0-a0b1-e7538530864f-2fc5/specs/)\n- [Landing Page on Netlify](https://landing-metrics.netlify.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmancuellofran%2Flanding-metrics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmancuellofran%2Flanding-metrics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmancuellofran%2Flanding-metrics/lists"}