{"id":40940795,"url":"https://github.com/codio/parsons-puzzle-ui","last_synced_at":"2026-01-22T04:34:15.178Z","repository":{"id":41702700,"uuid":"237933478","full_name":"codio/parsons-puzzle-ui","owner":"codio","description":"To help all computing educators unlock the power of Parson's problems, Codio built a graphical Parson's problem creator on top of the js-parsons library. This tool is free to use and does not require a Codio account.","archived":false,"fork":false,"pushed_at":"2026-01-15T13:46:56.000Z","size":1849,"stargazers_count":7,"open_issues_count":4,"forks_count":16,"subscribers_count":10,"default_branch":"master","last_synced_at":"2026-01-15T17:45:02.878Z","etag":null,"topics":["csed","parsons","parsons-problem","parsons-puzzle"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/codio.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-02-03T09:54:24.000Z","updated_at":"2026-01-15T13:47:04.000Z","dependencies_parsed_at":"2025-09-16T17:34:15.861Z","dependency_job_id":"d39a34db-57fa-4f70-ad2c-4aa8a9c54dad","html_url":"https://github.com/codio/parsons-puzzle-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codio/parsons-puzzle-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codio%2Fparsons-puzzle-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codio%2Fparsons-puzzle-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codio%2Fparsons-puzzle-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codio%2Fparsons-puzzle-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codio","download_url":"https://codeload.github.com/codio/parsons-puzzle-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codio%2Fparsons-puzzle-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28654734,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T01:17:37.254Z","status":"online","status_checked_at":"2026-01-22T02:00:07.137Z","response_time":144,"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":["csed","parsons","parsons-problem","parsons-puzzle"],"created_at":"2026-01-22T04:34:15.103Z","updated_at":"2026-01-22T04:34:15.165Z","avatar_url":"https://github.com/codio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Graphical Parson's Problem Creator](https://codio.github.io/parsons-puzzle-ui/dist/)\nTo help all computing educators unlock the power of Parson's problems, Codio built a [graphical Parson's problem creator](https://codio.github.io/parsons-puzzle-ui/dist/) on top of the [js-parsons](https://js-parsons.github.io/) library. **This tool is free to use and does not require a Codio account.**\n\n#### [Go to free graphical parson's problem creator tool](https://codio.github.io/parsons-puzzle-ui/dist/)\n\n### Hosting Created Parson's Problems\nPlease visit [our template repo](https://github.com/codio-content/hosting-parsons-on-github-template) for instructions on how to host your created Parson problems for free on Github.\n\n## How to Use this Creator\nThere are 5 types of graders in the js-parsons library which you can select from via the drop down. Below is a brief description of each grader and short video on how to set it up.\n\n### Line Based Grader\nThe line based grader is a way to quickly and easily make Parson's problems with a single right answer. This grader does not require you to use a certain programming language which makes it a great way to abstract processes and workflows one level higher than actual code.\n\n\u003cscript src=\"https://fast.wistia.com/embed/medias/s28b54hzcs.jsonp\" async\u003e\u003c/script\u003e\u003cscript src=\"https://fast.wistia.com/assets/external/E-v1.js\" async\u003e\u003c/script\u003e\u003cdiv class=\"wistia_responsive_padding\" style=\"padding:54.58% 0 0 0;position:relative;\"\u003e\u003cdiv class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"\u003e\u003cdiv class=\"wistia_embed wistia_async_s28b54hzcs videoFoam=true\" style=\"height:100%;position:relative;width:100%\"\u003e\u003cdiv class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"\u003e\u003cimg src=\"https://fast.wistia.com/embed/medias/s28b54hzcs/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\n\n### Variable Check Grader\nThe variable check grader is for Python problems where students are manipulating variables. You can set the variables of interest before the student code and check them after -- meaning this grader checks the **functionality** of student code so it's okay that there is more than one right answer!\n\n\u003cscript src=\"https://fast.wistia.com/embed/medias/zyrxf8as9m.jsonp\" async\u003e\u003c/script\u003e\u003cscript src=\"https://fast.wistia.com/assets/external/E-v1.js\" async\u003e\u003c/script\u003e\u003cdiv class=\"wistia_responsive_padding\" style=\"padding:54.5% 0 0 0;position:relative;\"\u003e\u003cdiv class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"\u003e\u003cdiv class=\"wistia_embed wistia_async_zyrxf8as9m videoFoam=true\" style=\"height:100%;position:relative;width:100%\"\u003e\u003cdiv class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"\u003e\u003cimg src=\"https://fast.wistia.com/embed/medias/zyrxf8as9m/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\n\n### Unit Test Grader\nThe unit test grader is for Python problems where students are creating functions. Similar to traditional unit tests on code, this grader leverages a unittest framework where you set asserts -- meaning this grader checks the **functionality** of student code so it's okay that there is more than one right answer!\n\n\u003cscript src=\"https://fast.wistia.com/embed/medias/fafvc7pih9.jsonp\" async\u003e\u003c/script\u003e\u003cscript src=\"https://fast.wistia.com/assets/external/E-v1.js\" async\u003e\u003c/script\u003e\u003cdiv class=\"wistia_responsive_padding\" style=\"padding:54.5% 0 0 0;position:relative;\"\u003e\u003cdiv class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"\u003e\u003cdiv class=\"wistia_embed wistia_async_fafvc7pih9 videoFoam=true\" style=\"height:100%;position:relative;width:100%\"\u003e\u003cdiv class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"\u003e\u003cimg src=\"https://fast.wistia.com/embed/medias/fafvc7pih9/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\n\n### Language Translation Grader\nThe language translation grader is for Java and psuedocode problems with functionality similar to the variable check grader described above. The main difference being you map the Java or psuedo code blocks to python in the background. Selecting the language allows the Parson's problem to check for correct indention and syntax.\n\n\u003cscript src=\"https://fast.wistia.com/embed/medias/epu2uofoo5.jsonp\" async\u003e\u003c/script\u003e\u003cscript src=\"https://fast.wistia.com/assets/external/E-v1.js\" async\u003e\u003c/script\u003e\u003cdiv class=\"wistia_responsive_padding\" style=\"padding:54.37% 0 0 0;position:relative;\"\u003e\u003cdiv class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"\u003e\u003cdiv class=\"wistia_embed wistia_async_epu2uofoo5 videoFoam=true\" style=\"height:100%;position:relative;width:100%\"\u003e\u003cdiv class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"\u003e\u003cimg src=\"https://fast.wistia.com/embed/medias/epu2uofoo5/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\n\n### Turtle Grader\nThe Turtle grader uses the [Python Turtle library](https://docs.python.org/3.3/library/turtle.html) to allow students to write turtle code! Either use native python or map psuedo code to python commands (similar to the language translation grader) for student code. With the click of a button, generate the solution code the grader checks student answers against.\n\n\u003cscript src=\"https://fast.wistia.com/embed/medias/818mmle6c1.jsonp\" async\u003e\u003c/script\u003e\u003cscript src=\"https://fast.wistia.com/assets/external/E-v1.js\" async\u003e\u003c/script\u003e\u003cdiv class=\"wistia_responsive_padding\" style=\"padding:54.5% 0 0 0;position:relative;\"\u003e\u003cdiv class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"\u003e\u003cdiv class=\"wistia_embed wistia_async_818mmle6c1 videoFoam=true\" style=\"height:100%;position:relative;width:100%\"\u003e\u003cdiv class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"\u003e\u003cimg src=\"https://fast.wistia.com/embed/medias/818mmle6c1/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\n\n# This is an open-source project\nFeel free to contribute or create issues to help us improve this project. When something as wonderful as Parson's problems comes out of the Computing Education Research community, we want to help bring it to as many classrooms as possible.\n\n### Obligatory Sales Pitch\nIf you are interested in hosting these Parson's problems inside Codio, you can seamlessly integrate them into instructional material, lab assignments or tests. Additionally, Codio tracks student performance on assessments and our Learning Insights feature visualizes student progress on Parson's problems as well as our many other auto-graded assessment items. If you are interested in learning more about Codio or would like a free trial, plese visit our website: [https://www.codio.com/](https://www.codio.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodio%2Fparsons-puzzle-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodio%2Fparsons-puzzle-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodio%2Fparsons-puzzle-ui/lists"}