{"id":19308771,"url":"https://github.com/ciphertron/sql-editor","last_synced_at":"2025-08-25T06:12:11.260Z","repository":{"id":183748565,"uuid":"670666208","full_name":"CIPHERTron/sql-editor","owner":"CIPHERTron","description":"An online sql editor","archived":false,"fork":false,"pushed_at":"2023-08-08T13:38:40.000Z","size":3902,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-24T03:17:55.228Z","etag":null,"topics":["alasql","eslint","prettier","react-ace","react-table","reactjs","sql-editor"],"latest_commit_sha":null,"homepage":"https://online-sql-editor.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CIPHERTron.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-07-25T14:57:00.000Z","updated_at":"2023-07-31T08:51:11.000Z","dependencies_parsed_at":"2025-01-06T01:28:23.832Z","dependency_job_id":"64f31d4e-2775-4ab2-b8ab-bb210e334f48","html_url":"https://github.com/CIPHERTron/sql-editor","commit_stats":null,"previous_names":["ciphertron/sql-editor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CIPHERTron/sql-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CIPHERTron%2Fsql-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CIPHERTron%2Fsql-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CIPHERTron%2Fsql-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CIPHERTron%2Fsql-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CIPHERTron","download_url":"https://codeload.github.com/CIPHERTron/sql-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CIPHERTron%2Fsql-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272013566,"owners_count":24858474,"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-08-25T02:00:12.092Z","response_time":1107,"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":["alasql","eslint","prettier","react-ace","react-table","reactjs","sql-editor"],"created_at":"2024-11-10T00:16:24.161Z","updated_at":"2025-08-25T06:12:11.207Z","avatar_url":"https://github.com/CIPHERTron.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/CIPHERTron/sql-editor/\"\u003e\n    \u003cimg style=\"width: 750px; height: auto;\" src=\"https://res.cloudinary.com/pritish007/image/upload/v1690793299/Personal%20Portfolio/Projects/sql-editor.png\"\u003e\n  \u003c/a\u003e\n\n  \u003ch2 align=\"center\"\u003eSQL Editor [\u003ca href=\"https://online-sql-editor.vercel.app/\"\u003eView Live\u003c/a\u003e]\u003c/h2\u003e \n\u003c/p\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails open=\"open\"\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n  \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eKey Features\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#demo\"\u003eDemo Video\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#running-the-project\"\u003eRunning the project\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n  \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#running-the-project\"\u003eRunning the project\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n  \u003cli\u003e\n      \u003ca href=\"#performance\"\u003ePerformance\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n      \u003ca href=\"#screenshots\"\u003eRelevant Screenshots\u003c/a\u003e\n  \u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## ℹ️ About The Project\n\n**SQL Editor** aims to provide users with a seamless and user-friendly platform for executing SQL queries, displaying query results with pagination, offering search functionality, maintaining a query history log, and supporting the export of results in CSV or JSON formats. The application will also showcase the execution time of queries and provide a list of available tables in the sidebar for easy reference.\n\n### Key Features:\n\n- **SQL Query Execution**: The application will allow users to input custom SQL queries and execute them against the connected database. Users can run SELECT, INSERT, UPDATE, DELETE, and other SQL commands.\n\n- **Result Display with Pagination**: The application will present query results in a tabular format with smooth pagination. This ensures that large datasets are easily navigable, enhancing the user experience.\n\n- **Search Functionality**: Users will have the ability to search for specific entries within the displayed results. This feature will assist users in finding relevant information quickly and efficiently.\n\n- **Query History**: The application will maintain a history log of all executed queries. Users can revisit previous queries, review results, and re-run them as needed.\n\n- **Export Data**: Users will have the option to download query results in both CSV and JSON formats. This feature enables data sharing and analysis outside the application.\n\n- **Query Execution Time**: Each query execution will be timed, and the application will display the time taken to complete the query. This information helps users gauge query performance and optimize complex queries.\n\n- **List of Available Tables**: The application's sidebar will display a list of available tables in the connected database. Users can easily reference this list when crafting queries, enhancing their workflow efficiency.\n\n### Demo Video\n\nhttps://github.com/CIPHERTron/sql-editor/assets/56754747/fd97e523-289f-40f4-aa0a-bd6482151082\n\n### 🛠️ Built With\n\nFollowing technologies and libraries are used for the development of this\nproject.\n\n- [React](https://react.dev/)\n- [React Ace](https://github.com/securingsincity/react-ace)\n- [AlaSQL](http://alasql.org/)\n- [Material UI](https://mui.com/)\n- [Emotion.js](https://emotion.sh/docs/introduction)\n- [ESLint](https://eslint.org/)\n- [Prettier](https://prettier.io/)\n- [Commitlint](https://commitlint.js.org/#/)\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 📌 Getting Started\n\nTo setup the project locally follow the steps below\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/en/download/)\n\n```sh\n# Homebrew\nbrew install nodejs\n\n# Sudo apt\nsudo apt install nodejs\n\n# Packman\npacman -S nodejs\n\n# Module Install\ndnf module install nodejs:\u003cstream\u003e # stream is the version\n\n# Windows (chocolaty)\ncinst nodejs.install\n```\n\n- [Yarn](https://classic.yarnpkg.com/en/docs/install/)\n\n```sh\n  npm install --global yarn\n```\n\n- [Git](https://git-scm.com/downloads)\n\n```sh\n  # Homebrew\n  brew install git\n\n  # Sudo apt\n  apt-get install git\n\n  # Packman\n  pacman -S git\n\n  # Module Install (Fedora)\n  dnf install git\n\n```\n\n### 🤖 Running the project.\n\n1. **Fork** and **clone** the project to your local system\n2. cd into the project and run\n\n```shell\nyarn install\nyarn start\n```\n\n3. Open _localhost:3000_ to view the application\n\n## Performance\n\n(The forformance of the website was audited using [pagespeed.web.dev](https://pagespeed.web.dev/analysis/https-online-sql-editor-vercel-app/8clvvui2am?form_factor=desktop))\n\n\u003cp align=\"center\"\u003e\n\u003cimg style=\"width: 70%; height: auto;\" src=\"./images/performance.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg style=\"width: 70%; height: auto;\" src=\"./images/performance-details.png\"\u003e\n\u003c/p\u003e\n\n- **First Contentful Paint**: `0.5s`\n- **Largest Contentful Paint**: `1.0s`\n- **Speed Index**: `1.2s`\n- **Total Blocking Time**: `70ms`\n- **Cumulative Layout Shift**: `0`\n\n### 📉 Relevant Screenshots:\n\n1. _Image showing the SQL editor as well as queries history_\n   \u003cimg src=\"./images/ss-history-editor.png\" alt=\"Image showing the SQL editor as well as queries history\" /\u003e\n\n2. _Image showing the results table with paginationa, search bar, and export options_\n   \u003cimg src=\"./images/ss-table.png\" alt=\"Image showing the results table with paginationa, search bar, and export options\" /\u003e\n\n3. _Image showing the side bar where all the available tables are listed_\n   \u003cimg src=\"./images/ss-available-tables.png\" alt=\"Image showing the side bar where all the available tables are listed\" /\u003e\n\n4. _Image showing the backdrop where all the available fields of the selected table are listed_\n   \u003cimg src=\"./images/ss-available-fields.png\" alt=\"Image showing the backdrop where all the available fields of the selected table are listed\" /\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fciphertron%2Fsql-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fciphertron%2Fsql-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fciphertron%2Fsql-editor/lists"}