{"id":27452129,"url":"https://github.com/alexander-kastil/talk-github-copilot-skills-fest","last_synced_at":"2026-04-10T01:02:59.995Z","repository":{"id":286458713,"uuid":"959667918","full_name":"alexander-kastil/github-copilot-skills-fest","owner":"alexander-kastil","description":"My contribution to the Microsoft AI Skills Fest. Build applications with GitHub Copilot agent mode. .NET - Angular Edition","archived":false,"fork":false,"pushed_at":"2025-04-06T15:43:37.000Z","size":723,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T16:33:07.008Z","etag":null,"topics":["agents","ai-skills-fest","angular","github-copilot","vibe-coding"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexander-kastil.png","metadata":{"files":{"readme":"docs/readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":"alexander-kastil","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2025-04-03T06:50:32.000Z","updated_at":"2025-04-06T15:43:40.000Z","dependencies_parsed_at":"2025-04-06T16:43:28.234Z","dependency_job_id":null,"html_url":"https://github.com/alexander-kastil/github-copilot-skills-fest","commit_stats":null,"previous_names":["alexander-kastil/github-copilot-skills-fest"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fgithub-copilot-skills-fest","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fgithub-copilot-skills-fest/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fgithub-copilot-skills-fest/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fgithub-copilot-skills-fest/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexander-kastil","download_url":"https://codeload.github.com/alexander-kastil/github-copilot-skills-fest/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249062610,"owners_count":21206727,"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":["agents","ai-skills-fest","angular","github-copilot","vibe-coding"],"created_at":"2025-04-15T11:40:11.505Z","updated_at":"2025-12-30T22:20:34.253Z","avatar_url":"https://github.com/alexander-kastil.png","language":"C#","funding_links":["https://github.com/sponsors/alexander-kastil"],"categories":[],"sub_categories":[],"readme":"# Prompt Guide\r\n\r\n- **Task 1**: Work with GitHub\r\n- **Task 2**: Setup Coding Instructions \u0026 Tooling\r\n- **Task 3**: Scaffold project structure\r\n- **Task 4**: Implement the .NET Web API\r\n- **Task 5**: Implement the Angular Frontend\r\n- **Task 6**: Add project documentation using a reusable prompt\r\n\r\nThe Tasks were executed by the GutHub Copilot Agent mostly using Claude Sonnet 3.5 with these [Visual Studio Code Settings](/docs/assets/settings.json)\r\n\r\n![settings](./images/agent.jpg)\r\n\r\n## Task 1: Work with GitHub\r\n\r\nThis task is an introduction to using GitHub Copilot in a collaborative environment. It covers creation of a branch, committing changes and creating pull requests.\r\n\r\n```prompt\r\nCreate a new branch '\u003cyour-firstname\u003e-solution' and switch to it\r\n```\r\n\r\nAfter switching to the new branch, delete the src folder and commit the changes.\r\n\r\n\u003e Note: Do not worry about the deletion as the solution is still available in the master branch and for your reference in [/docs/solution](/docs/solution/).\r\n\r\n## Task 2: Setup Coding Instructions \u0026 Tooling (optional)\r\n\r\nThis task install some Copilot Settings and Tools and establishes the foundation for our fitness tracking application according to `docs/octofit_story.md`\r\n\r\n```prompt\r\n1. Setup the coding instructions and tooling for the project mentioned in docs/mona-high-school-fitness-tracker.md.\r\n\r\n2. Do not change any content of the files you copy.\r\n\r\n3. Before starting the implementation, share your plan. Keep the order of the tasks. Don't proceed with the next activity until all of these steps are completed.\r\n```\r\n\r\n- Create a development container configuration for consistent environments and easy onboarding of new team members by attaching the re-usable prompt `create-dev-container.prompt.md` with the paperclip icon in the GitHub Copilot chat:\r\n\r\n  \u003e Note: Skip this step as we have already created the devcontainer.json to meet our 45 min time limit. Building the container image takes a while. The prompt is included for reference.\r\n\r\n```prompt\r\nCreate the devcontainer for the project.\r\n```\r\n\r\n- Run the `devcontainer` locally using `Dev Containers: Open Workspace in Container`. This will build the container image and start the container.\r\n\r\n- Run the `devcontainer` in `GitHub CodeSpaces`: Codespaces: Connect to Codespace. This will create a new Codespace and open the project in the container.\r\n\r\n## Task 3: Scaffold the projects\r\n\r\nCreate both the .NET API and Angular frontend projects according to the guides in `docs/mona-high-school-fitness-tracker.md`.\r\n\r\nIt includes setting up proper project structures, defining development environments with devcontainer configurations, and establishing basic project hygiene like source control settings.\r\n\r\n- Get a big picture of the project using the `docs/octofit_story.md` and `docs/mona-high-school-fitness-tracker.md` files:\r\n\r\n  ```prompt\r\n  Read the files docs/octofit_story.md and docs/mona-high-school-fitness-tracker.md and summarize the requirements of the project. Do not implement anything yet. Just get an overview of the requirements. Draw a directory tree of the project.\r\n  ```\r\n\r\n- Use `scaffold-api-project.prompt.md` to scaffold the webapi\r\n\r\n- Use `sccaffold-ui-project.prompt.md` to scaffold the Angular frontend\r\n\r\n- Check the outcome of the scaffolding process using the Playwright MCP Tools that we registered:\r\n\r\n  ```prompt\r\n  The octofit-api and octofit-ui are already running. Navigate to `http://localhost:4200/` using the browser and describe the result.\r\n  ```\r\n\r\n## Task 4: Implement the .NET Web API\r\n\r\nThis task focuses on setting up the back-end API functionality including data models, controllers, and database integration. It establishes the core business logic and data access layer that will serve student and exercise data to the Angular frontend. Details are defined in `docs/mona-high-school-fitness-tracker.md`\r\n\r\n- Use `implement-api.prompt.md` to implement the Web API\r\n\r\n\u003e Note: You can smoke test the WebApi by creating a REST Client file:\r\n\r\n```bash\r\nIn src/octofit-api create a REST client test-user-controller.http in wich you test all methods of the UserController\r\n```\r\n\r\n## Task 5: Implement the Angular Frontend\r\n\r\nThis task implements the front-end user interface by creating Angular components, services, and routing configurations. It establishes the connection between the Angular app and the .NET API, ensuring proper data display and user interaction.\r\n\r\n- Creating the HomeComponent, NavbarComponent, basic routing and the client side models and services by executing the `implement-ui-models.prompt.md` prompt.\r\n\r\n  \u003e Note: If you want you can test the application after implementing the components using the Playwright MCP Tools that we registered:\r\n\r\n  ```prompt\r\n  The octofit-api and octofit-ui are already running. Navigate to `http://localhost:4200/` using the browser and describe the result.\r\n  ```\r\n\r\n- Create the LeaderboardComponent and implement the leaderboard list using the `implement-ui-leaderboard.prompt.md` prompt.\r\n\r\n- Create the UsersComponent and the UsersEditComponent using the `implement-ui-users.prompt.md` prompt.\r\n\r\n## Task 6: Add project documentation using a reusable prompt\r\n\r\nThis task improves the project's documentation by leveraging reusable GitHub Copilot prompts. It demonstrates how to create, attach, and utilize custom prompts to generate comprehensive documentation for the application.\r\n\r\n- Create docs using `create-docs.prompt.md`\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-kastil%2Ftalk-github-copilot-skills-fest","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexander-kastil%2Ftalk-github-copilot-skills-fest","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-kastil%2Ftalk-github-copilot-skills-fest/lists"}