{"id":21506790,"url":"https://github.com/jaynil1611/sql-playground","last_synced_at":"2026-04-16T18:03:55.648Z","repository":{"id":186755598,"uuid":"675244116","full_name":"Jaynil1611/sql-playground","owner":"Jaynil1611","description":"SQL Playground allows to execute sql queries \u0026 see the result in tabular format with support of pagination \u0026 filters.","archived":false,"fork":false,"pushed_at":"2023-10-19T12:24:46.000Z","size":585,"stargazers_count":1,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-04T07:43:38.622Z","etag":null,"topics":["react","react-json-csv","react-syntax-highlighter","react-table","sql","sql-playground","tailwindcss"],"latest_commit_sha":null,"homepage":"https://sql-playground-jaynil1611.vercel.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/Jaynil1611.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}},"created_at":"2023-08-06T09:17:58.000Z","updated_at":"2024-06-11T06:27:17.000Z","dependencies_parsed_at":"2025-01-24T00:28:12.095Z","dependency_job_id":"d8652d77-7662-49e1-8924-e22f8b5ae79e","html_url":"https://github.com/Jaynil1611/sql-playground","commit_stats":null,"previous_names":["jaynil1611/sql-payground","jaynil1611/sql-playground"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jaynil1611/sql-playground","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jaynil1611%2Fsql-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jaynil1611%2Fsql-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jaynil1611%2Fsql-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jaynil1611%2Fsql-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jaynil1611","download_url":"https://codeload.github.com/Jaynil1611/sql-playground/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jaynil1611%2Fsql-playground/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279018115,"owners_count":26086281,"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","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"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":["react","react-json-csv","react-syntax-highlighter","react-table","sql","sql-playground","tailwindcss"],"created_at":"2024-11-23T19:48:09.150Z","updated_at":"2025-10-14T06:41:32.859Z","avatar_url":"https://github.com/Jaynil1611.png","language":"JavaScript","readme":"# SQL Playground⚡\n\n## Introduction\n- This application helps users to query the tables available in database via SQL.\n- Users can execute SQL queries \u0026 view the results. \n- Users can select a query from a set of pre-defined queries.\n- Users can view the table schema \u0026 corresponding type of each column in the sidebar.\n- Users can sort any column of the result by clicking on the column name header.\n- Users can navigate the entire result using pagination.\n- Users can export the queried result into CSV format.\n\n## Live Demo\nView the live demo of the application here 👉 [SQL Playground](http://sql-payground.vercel.app/).\n\n\n## Application View!\n\n![SQL Playground](https://github.com/Jaynil1611/sql-payground/assets/48921037/61c39b5e-63c7-459f-9b93-08faf956ed57)\n\n\n## Technologies Used\n- React JS\n- Tailwind CSS\n- [react-json-to-csv](https://www.npmjs.com/package/react-json-to-csv)\n- [react-syntax-highlighter](https://www.npmjs.com/package/react-syntax-highlighter)\n- [react-table](https://www.npmjs.com/package/react-table)\n\n## Page Load Time\n- Performance Report is calculated using [Page Speed Insights](https://pagespeed.web.dev/)\n- [Desktop Performance Report](https://pagespeed.web.dev/analysis/http-sql-payground-vercel-app/vuhnq6bik4?form_factor=desktop)\n- [Mobile Performance Report](https://pagespeed.web.dev/analysis/http-sql-payground-vercel-app/vuhnq6bik4?form_factor=mobile)\n\n## Performance Improvements\n- Used `useMemo` hook to avoid re-calculating same information for rendering tables.\n- Used dynamic imports \u0026 code-splitting to create separate bundle for table data to optimize time to interactive.\n- Made the website responsive to maintain consitent performance for mobile \u0026 tablet users.\n- Fixed image rendering issues \u0026 accessibility issues recommended by lighthouse report.\n- Using vercel to deploy this application which uses it's edge network to cache requests \u0026 improve initial load time.\n\n## Run Application\n- Clone the repository\n- Run npm install to install required dependencies\n- Finally, run npm start to run the application and open the browser to view the site on localhost.\n- Use Node JS version `16.17.0` to run the application on local\n\n## 👤 **Jaynil Gaglani**\n- Portfolio: [jaynil.gaglani](https://bit.ly/jaynil-profile)\n- Linkedin: [Jaynil Gaglani](https://www.linkedin.com/in/jaynilgaglani/)\n- Twitter: [@Jaynil1611](https://twitter.com/Jaynil_Gaglani)\n- Github: [@Jaynil1611](https://github.com/Jaynil1611)\n\n## Show your support\nGive a ⭐️ if you like this repository!\n\nMade with ❤️ by Jaynil Gaglani\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaynil1611%2Fsql-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaynil1611%2Fsql-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaynil1611%2Fsql-playground/lists"}