{"id":15531033,"url":"https://github.com/cyrus-kiprop/html_coding_challenge","last_synced_at":"2025-03-01T01:31:29.451Z","repository":{"id":54832640,"uuid":"333114272","full_name":"Cyrus-Kiprop/html_coding_challenge","owner":"Cyrus-Kiprop","description":"A dynamic svg element","archived":false,"fork":false,"pushed_at":"2021-01-26T16:00:08.000Z","size":337,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-11T17:14:56.317Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Cyrus-Kiprop.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}},"created_at":"2021-01-26T14:41:58.000Z","updated_at":"2021-01-26T19:02:56.000Z","dependencies_parsed_at":"2022-08-14T04:10:47.617Z","dependency_job_id":null,"html_url":"https://github.com/Cyrus-Kiprop/html_coding_challenge","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2Fhtml_coding_challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2Fhtml_coding_challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2Fhtml_coding_challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2Fhtml_coding_challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Cyrus-Kiprop","download_url":"https://codeload.github.com/Cyrus-Kiprop/html_coding_challenge/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241304299,"owners_count":19941099,"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":[],"created_at":"2024-10-02T11:24:43.677Z","updated_at":"2025-03-01T01:31:29.416Z","avatar_url":"https://github.com/Cyrus-Kiprop.png","language":"JavaScript","readme":"# Coding challenge \n\n## Impact graphs\n\n![Impact Graphs](images/demo.gif)\n\n```javascript\n{\n  name: \"Inkjet Printer\",\n  impacts: {\n    climate_change: {\n      production: 45,\n      distribution: 23,\n      use: 12,\n      end_of_life: 5\n    },\n    energy_use: {\n      production: 32,\n      distribution: 5,\n      use: 28,\n      end_of_life: 1\n    }\n  }\n}\n```\n\n## Live Demo\n\n- [production](https://trusting-bassi-4903cc.netlify.app/)\n\n## Built With\n\n```sh\nFront-End(client)\n```\n\n- HTML + CSS\n- HTML SVG\n- JavaScript\n- Stimulusjs\n- Tailwindcss\n\n```sh\nTesting Frameworks\n```\n- Jest\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\n- Node\n\n- Basic knowledge of npm/yarn\n\n### Installation\n\n1. Clone the repo\n\n```sh\ngit clone https://github.com/Cyrus-Kiprop/html_coding_challenge.git\n```\n\n2. CD into the project root directory\n\n```sh\ncd ./html_coding_challenge\n```\n\n3. Install Dependencies and packages\n\n```sh\nyarn install\n```\n\n4. start the app locally\n\n```sh\nyarn start\n```\n## Run Test Cases\n```sh\nyarn jest\n```\n\n\u003c!-- USAGE EXAMPLES --\u003e\n\n## Usage\n\n### Navigate to your browser and open port 9000 (use your live server port):\n\n```JS\nhttp//localhost:9000\n```\n\n## Authors\n\n👤 **Cyrus Kiprop**\n\n- Github: [Cyrus-Kiprop](https://github.com/Cyrus-Kiprop)\n- Twitter: [@kipropJS](https://twitter.com/kipropJS)\n- Linkedin: [Cyrus Kiprop](https://www.linkedin.com/in/cyrus-kiprop-ba7320120/)\n\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n\n- Project requested by EarthSter Team.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyrus-kiprop%2Fhtml_coding_challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcyrus-kiprop%2Fhtml_coding_challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyrus-kiprop%2Fhtml_coding_challenge/lists"}