{"id":20365614,"url":"https://github.com/hackyourfuture/project-webapp-angular","last_synced_at":"2026-03-02T09:02:44.240Z","repository":{"id":74102010,"uuid":"89797696","full_name":"HackYourFuture/project-webapp-angular","owner":"HackYourFuture","description":"Angular scaffold for Project module","archived":false,"fork":false,"pushed_at":"2017-06-10T01:39:43.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":12,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-12T04:46:39.829Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/HackYourFuture.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":"2017-04-29T16:26:33.000Z","updated_at":"2017-04-29T16:26:44.000Z","dependencies_parsed_at":"2023-06-26T00:13:50.967Z","dependency_job_id":null,"html_url":"https://github.com/HackYourFuture/project-webapp-angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/HackYourFuture/project-webapp-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fproject-webapp-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fproject-webapp-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fproject-webapp-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fproject-webapp-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HackYourFuture","download_url":"https://codeload.github.com/HackYourFuture/project-webapp-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fproject-webapp-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29996278,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T01:47:34.672Z","status":"online","status_checked_at":"2026-03-02T02:00:07.342Z","response_time":60,"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":[],"created_at":"2024-11-15T00:19:04.702Z","updated_at":"2026-03-02T09:02:44.233Z","avatar_url":"https://github.com/HackYourFuture.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HackYourFuture - project web app scaffolding\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.1.\n\n## Getting started\nTake a look at the existing component, students and teachers. Try to understand how routing works and how Angular Material is imported and gives the purple color. Then:\n\n1) Choose ONE person (person A) in your team who will \"own\" the project. It does not matter who it is, we just need 1 place to \"host\" the github repo. Do this now, live during class.\n2) Person A goes to Github, and visits THIS repository, and clicks \"Fork\" (top right of the page). In the popup that appears, (s)he clicks \"his own account\". Person A now has a copy of the repo. This copy is where we will work and collaborate.\n3) Person A goes to _his newly copied repo_ (so in github, top left, you should see `Person A/project-webapp-angular` and NOT `HackYourFuture/project-webapp-angular`).\n4) Person A clicks on \"Settings\" somewhere top right. \n5) Person A clicks \"Collaborators \u0026 Teams\" in the left menu\n6) Enter password\n7) In the collaborators screen, person A searches for the github accounts of Person B and Person C and adds them as collaborators with *Write Access*\n---\n8) Persons A, B, and C go to the new repo (so Person A/project-webapp-angular), and clone it to their own environments:\n```\n// open terminal\n// Make sure git works properly from your machine\n// Optional: cd to/the/place/you/work\n// Go to the repo, find the green button that says \"clone\". Copy the git link\ngit clone git@github.com:\u003cPERSON A\u003e/project-webapp-angular.git\n```\n\n9) Now you're ready to collaborate! To try this out make a change to for example `./src/app/app.component.html` by adding your name to the file. Then, `git add -A` `git commit -am 'test if this works'` `git push`. Try this when you're together to make sure you can fix permission issues. \n\n\n## Material\nWe've pre-installed [Angular Material](https://material.angular.io/). This comes with some [themes out of the box](https://material.angular.io/guide/theming), which you can chose from `./node_modules/@angular/material/prebuilt-themes`. Whenever you want to style something, first checkout whether material has a component for it.\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.\n\n## Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fproject-webapp-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackyourfuture%2Fproject-webapp-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fproject-webapp-angular/lists"}