{"id":23247019,"url":"https://github.com/rubengees/vue-workshop","last_synced_at":"2026-04-30T09:38:50.416Z","repository":{"id":38249947,"uuid":"140592872","full_name":"rubengees/vue-workshop","owner":"rubengees","description":":closed_book: Vue.js presentation and workshop","archived":false,"fork":false,"pushed_at":"2022-12-09T01:51:31.000Z","size":3278,"stargazers_count":2,"open_issues_count":42,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-06T00:25:26.209Z","etag":null,"topics":["ecmascript","javascript","presentation","vue","vuejs","vuejs2","workshop"],"latest_commit_sha":null,"homepage":"https://rubengees.github.io/vue-workshop","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/rubengees.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-11T15:12:14.000Z","updated_at":"2021-09-19T15:09:58.000Z","dependencies_parsed_at":"2023-01-25T18:45:12.289Z","dependency_job_id":null,"html_url":"https://github.com/rubengees/vue-workshop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rubengees/vue-workshop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubengees%2Fvue-workshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubengees%2Fvue-workshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubengees%2Fvue-workshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubengees%2Fvue-workshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rubengees","download_url":"https://codeload.github.com/rubengees/vue-workshop/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rubengees%2Fvue-workshop/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32460781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"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":["ecmascript","javascript","presentation","vue","vuejs","vuejs2","workshop"],"created_at":"2024-12-19T07:17:14.304Z","updated_at":"2026-04-30T09:38:50.402Z","avatar_url":"https://github.com/rubengees.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Workshop\n\nGerman presentation and workshop around [Vue.js](https://vuejs.org/).\u003cbr\u003e\nDirect link to the presentation [here](https://rubengees.github.io/vue-workshop).\n\nThe presentation covers the basic concepts, compares it to other frameworks and shows the usage.\u003cbr\u003e\nThe frontend and backend folders contain a simple note list project to implement.\n\n### Prerequisites\n\n- [Java 1.8 JDK](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) or higher\n- [Node.js 8](https://nodejs.org/en/) or higher\n- [Yarn](https://yarnpkg.com/lang/en/) (Not required but recommended)\n- JavaScript IDE, e.g. [Visual Studio Code](https://code.visualstudio.com/)\n\n### Backend\n\nThe _backend_ directory contains a ready to use REST-API implementation for working with notes.\n\nThe following APIs are available:\n\n| Method | endpoint        | description                              |\n| ------ | --------------- | ---------------------------------------- |\n| GET    | /api/notes      | Returns all available notes as an array. |\n| GET    | /api/notes/{id} | Returns a specific note based on the id. |\n| POST   | /api/notes      | Creates a new note.                      |\n| PUT    | /api/notes/{id} | Updates a specific note based on the id. |\n| DELETE | /api/notes/{id} | Deletes a specific note based on the id. |\n\nA note is structured like this:\n\n```json\n{\n  \"content\": \"the content\",\n  \"isDone\": true\n}\n```\n\nYou can start the server with `./gradlew bootRun -Dserver.port=8000`.\u003cbr\u003e\nOf course, you can choose any port you like, apart from `8080`, which will be used by the frontend.\n\n### Frontend\n\nThe _frontend_ directory contains a vue skeletton with some predefined code, which should help getting started.\u003cbr\u003e\nYou will mainly work in the `App.vue` file. See the presentation and the comments in that file.\n\nAfter installing the dependencies with running `yarn`, the server can be started with `yarn start`\nand is then accessible on http://localhost:8080.\u003cbr\u003e\nIt also runs `lint` on every code change, so be sure to have a look at that window once in a while.\n\nThe _frontend-solution_ directory contains a possible solution to compare yours to.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubengees%2Fvue-workshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frubengees%2Fvue-workshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubengees%2Fvue-workshop/lists"}