Briefly
A hands-on GraphQL tutor where the editor, schema, mock data, and feedback all live in the same place.
JiraQL Factory teaches GraphQL by having you write real queries against a Jira-style mock schema. The app is client-side: lessons, schema inspection, seeded data, validation, hints, and progress live in the browser.
The part I like is that you can move between the practice editor, schema browser, competency map, reference library, and validation panel without losing the thread of what you are learning.
It fits with the course-site family, but the actual work is different: this one is about query design and schema reasoning rather than terminal recall.
What I built
- Monaco editor runs GraphQL queries against an in-browser mock schema.
- Validation feedback checks output shape, expected fields, aliases, filters, pagination, and nested selections.
- Schema, map, and reference views give learners more than one way back into the model.
- The app now has enough real UI to stand beside the other learning projects.
A few notes
- The app covers homepage, practice editor, schema browser, competency map, reference search, and validation panel.
- The schema browser uses the live app route and schema data.
- The app uses GraphQL.js with original Jira-style schema and seeded mock data for learning.
- Progress and practice state remain local to the browser.