{"id":26267608,"url":"https://github.com/oslabs-beta/qleo","last_synced_at":"2025-04-30T19:09:05.022Z","repository":{"id":43670182,"uuid":"453213816","full_name":"oslabs-beta/QLeo","owner":"oslabs-beta","description":"A performance visualizer for GraphQL","archived":false,"fork":false,"pushed_at":"2022-02-24T22:21:27.000Z","size":8528,"stargazers_count":38,"open_issues_count":0,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-30T19:09:02.714Z","etag":null,"topics":["apollo-client","apollo-server","electron","express","graphql","javascript","nodejs","react","tailwindcss","webpack"],"latest_commit_sha":null,"homepage":"https://qleo.app/","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/oslabs-beta.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":"2022-01-28T20:53:29.000Z","updated_at":"2023-12-13T04:58:14.000Z","dependencies_parsed_at":"2022-08-22T14:20:13.367Z","dependency_job_id":null,"html_url":"https://github.com/oslabs-beta/QLeo","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FQLeo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FQLeo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FQLeo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FQLeo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oslabs-beta","download_url":"https://codeload.github.com/oslabs-beta/QLeo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251767186,"owners_count":21640469,"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":["apollo-client","apollo-server","electron","express","graphql","javascript","nodejs","react","tailwindcss","webpack"],"created_at":"2025-03-14T04:17:30.634Z","updated_at":"2025-04-30T19:09:04.998Z","avatar_url":"https://github.com/oslabs-beta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg src=\"src/assets/q-logo.png\"\u003e\n  \u003cbr/\u003e\n  QLeo\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\u003cb\u003eA Visual Performance Tracking Tool for GraphQL\u003c/b\u003e\u003c/p\u003e\n\n\u003cbr/\u003e\n\n## What is QLeo?\n\nQLeo is designed to be used in a development environment. We provide a simple and intuitive interface with graphical representations of key metrics. This allows developers to debug and tune performance for inefficient GraphQL requests. \n\nQLeo is in active development. Please follow to the end of the repository for contribution guidelines.\n\n\u003cbr/\u003e\n\n## Features\n\n- Easy Configuration: With just a click of a button, QLeo will start to run and allow users to generate performance metrics according to the uploaded schema model.\n- Montior Queries at Resolver-Level: Understand and track GraphQL queries, mutations, response times, and function invocations for individual resolvers. \n- Visualize: Compare and reveal potential performance bottlenecks utilizing QLeo's illustration to enhance the efficiency of GraphQL API calls.\n- History: Keep record of GraphQL request's performance metrics and graphs in the current session.\n\n\n\u003cimg src=\"src/assets/performance.png\"\u003e\n\n\u003cbr/\u003e\n\n## Installation\n\nQLeo runs on Electron as a native desktop application.\nThe instructions for MacOS users (Intel \u0026 M1) are as follows: \n\n1. Visit the QLeo Official [Website](https://qleo.app) or click [here](https://github.com//oslabs-beta/QLeo/releases/download/v1.0.0/QLeo.zip) to download! \n2. Open the application and give access permissions. \n\n\u003cimg src=\"src/assets/bypass.gif\"\u003e\n\n3. And that’s it! QLeo is all set and ready to start collecting performance data for any GraphQL requests. \n\n\u003cbr/\u003e\n\n## How to Use\n\n1. Open application and upload a schema file.\n2. Navigate to the Dashboard tab - where a schema model, a code editor, and a Metrics directory will be displayed. \n3. The schema model and types will be available to view on the left panel for easy reference.\n\n\u003cimg src=\"src/assets/schema.png\"\u003e\n\n4. Write up a GraphQL query and/or mutation in QLeo’s code editor, then press 'Submit'. \n5. QLeo will start to gather and display the data on the Metrics directory on the right panel. \n  - It will display the total query response time. \n  - It will also display a breakdown of resolvers: \n    - Toggle the 'Show Details' to view corresponding performance and metrics. \n\u003ccenter\u003e\n  \u003cimg src=\"src/assets/metrics2.png\"\u003e\n\u003c/center\u003e\n\n6. Navigate to the Performance tab - View your resolver's performance with graphical representation. \n\u003cbr/\u003e\n\n7. All previous requests will be saved in the History tab - Refer back to any of the request's performance metrics by simply selecting the corresponding query that was made.\n\n\n\u003cimg src=\"src/assets/history.png\"\u003e\n\n\n## Technologies Involved\n\n- Electron\n- Javascript ES6+\n- Apollo GraphQL\n- Node.js\n- React\n- Webpack\n- Tailwind CSS\n- CodeMirror Code Editor\n\u003cbr/\u003e\n\n## Contributing \n\nInterested in making a contribution to QLeo? Click [here](https://github.com/oslabs-beta/QLeo/blob/main/Contribution.md) for our open-source contribution guidelines.\n\n\u003cbr/\u003e\n\nVisit our [website](https://qleo.app) for more information. \n\n\u003cbr/\u003e\n\n## Our Team\n\n* Andrew Talle [Github](https://github.com/ogAndrew) || [LinkedIn](https://www.linkedin.com/in/andrewtalle/)\n* Chon Hou Ho [Github](https://github.com/chon-h) || [LinkedIn](https://www.linkedin.com/in/chon-hou-ho/)\n* Irine Kang [Github](https://github.com/irinekangg) || [LinkedIn](https://www.linkedin.com/in/irinekang/)\n* Jack Fitzgerald [Github](https://github.com/jcf7) || [LinkedIn](https://www.linkedin.com/in/jcf7/)\n\n\u003cbr/\u003e\n\n\n## Contact\n\n\nEmail: TeamQLeo@gmail.com\n\nTwitter: [@QLeo.App](https://twitter.com/QLeo.App) \n\nWebsite: [qleo.app](https://qleo.app)\n\nGitHub: [https://github.com/oslabs-beta/QLeo/](https://github.com/oslabs-beta/QLeo)\n\n\u003cbr/\u003e\n\n\n## License\n\nDistributed under the MIT License. See [`LICENSE`](https://github.com/oslabs-beta/QLeo/blob/main/LICENSE) for more information.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fqleo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foslabs-beta%2Fqleo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fqleo/lists"}