{"id":48688767,"url":"https://github.com/sarasjodin/my-first-angular-site","last_synced_at":"2026-04-11T04:39:07.583Z","repository":{"id":298335654,"uuid":"999599317","full_name":"sarasjodin/my-first-angular-site","owner":"sarasjodin","description":"\"My Angular Calculator \u0026 Converter Lab\" is a web application built with Angular 20, demonstrating core concepts like components, routing, and responsive design. It includes a calculator, unit converter, and project description page, all with a modular design and reusable components.","archived":false,"fork":false,"pushed_at":"2025-07-20T10:44:35.000Z","size":6572,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-20T12:07:17.372Z","etag":null,"topics":["angular","calculator","css","frontend","git","modular-design","responsive-design","typescript","unit-converter","web-development"],"latest_commit_sha":null,"homepage":"https://my-first-angular-site.netlify.app/home","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sarasjodin.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}},"created_at":"2025-06-10T13:52:17.000Z","updated_at":"2025-07-20T10:44:38.000Z","dependencies_parsed_at":"2025-06-10T16:19:39.566Z","dependency_job_id":"e62d3b1f-ac76-4c8c-a98b-2949d98c4cd6","html_url":"https://github.com/sarasjodin/my-first-angular-site","commit_stats":null,"previous_names":["sarasjodin/my-first-angular-site"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sarasjodin/my-first-angular-site","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarasjodin%2Fmy-first-angular-site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarasjodin%2Fmy-first-angular-site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarasjodin%2Fmy-first-angular-site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarasjodin%2Fmy-first-angular-site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sarasjodin","download_url":"https://codeload.github.com/sarasjodin/my-first-angular-site/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarasjodin%2Fmy-first-angular-site/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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","calculator","css","frontend","git","modular-design","responsive-design","typescript","unit-converter","web-development"],"created_at":"2026-04-11T04:39:06.948Z","updated_at":"2026-04-11T04:39:07.497Z","avatar_url":"https://github.com/sarasjodin.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MyFirstAngularSite | My Angular Calculator \u0026 Converter Lab\n\n\u003ca href=\"https://my-first-angular-site.netlify.app/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e Open Live Demo \u003c/a\u003e \u003cbr\u003e\u003cbr\u003e\nThis project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.1.\n[![Netlify Status](https://api.netlify.com/api/v1/badges/ee476659-27a3-4bae-b60d-4a4ac13ef190/deploy-status)](https://app.netlify.com/projects/my-first-angular-site/deploys)\n\n---\n\n## About\n\nMy Angular Calculator \u0026 Converter Lab\" is a web application built with Angular 20, demonstrating core concepts like components, routing, and responsive design. It includes a calculator, unit converter, and project description page, all with a modular design and reusable components. \n\n---\n\n\u003cimg width=\"auto\" height=\"auto\" alt=\"The app's homepage\" src=\"https://github.com/user-attachments/assets/909ffbc7-78b1-4457-8c17-a59f3a497b29\" /\u003e\n\n---\n\n## Features\n\n    ✅ Calculator page with basic arithmetic functions.\n\n    ✅ Unit converter page supporting multiple unit types.\n\n    ✅ Responsive design using CSS Flexbox and media queries for a mobile-first approach.\n\n    ✅ Navigation and Footer components reused across pages to demonstrate modular design.\n\n    🔍 Focus on modular design, reusability, and responsive layout.\n\n---\n\n\n## Tech Stack\n\n- Angular 20 (TypeScript)\n\n- CSS (Flexbox, Media Queries for responsiveness)\n\n- Git (Version control)\n\n- GitHub (Hosting)\n\n- Angular Router (Routing between pages)\n\n---\n\n## Installation\n\n```bash\nnpm install\nnpm run dev\n```\n---\n\n## More about this project\n\nThis web application, \"My Angular Calculator \u0026 Converter Lab\", is built with Angular 20 to demonstrate core Angular concepts like components, routing, and data binding. It features a calculator for basic arithmetic operations and a unit converter that supports multiple unit types such as length, temperature, and weight.\n\nThe project is designed to be responsive, ensuring compatibility across various devices. The app also uses modular design with reusable navigation and footer components, making the app scalable and maintainable.\n\n---\n\n## Folder Structure\n\u003cimg width=\"150\" height=\"auto\" alt=\"Part of folder structure\" src=\"https://github.com/user-attachments/assets/2dcfb473-758a-4b7e-8cde-0efc177da03d\" /\u003e\n\n---\n\n## Security\n\n    ✅ Dependabot active: Automatic dependency updates via Dependabot.\n\n    ✅ Security policy configured: SECURITY.md for reporting vulnerabilities.\n\n    ✅ Automatic CodeQL analysis: GitHub’s CodeQL runs automatically on pushes and pull requests to scan for security vulnerabilities.\n\n---\n\n## License\n\nMIT – see LICENSE.md for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarasjodin%2Fmy-first-angular-site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsarasjodin%2Fmy-first-angular-site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarasjodin%2Fmy-first-angular-site/lists"}