https://github.com/pixeledcode/query-editor
A dummy application of a query editor. The idea is to write queries and see the result.
https://github.com/pixeledcode/query-editor
Last synced: 12 months ago
JSON representation
A dummy application of a query editor. The idea is to write queries and see the result.
- Host: GitHub
- URL: https://github.com/pixeledcode/query-editor
- Owner: PixeledCode
- Created: 2023-09-20T12:26:02.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-24T17:17:07.000Z (over 2 years ago)
- Last Synced: 2025-02-02T07:42:44.964Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://query-editor-flame.vercel.app/
- Size: 455 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Query Editor
A dummy application of a query editor. The idea is to write queries and see the result.
## Features
- Write queries in code editor
- See the result in a table format
- Create a new query
- Edit an existing query
- Delete an existing query
- Save queries in local storage
## How to run
```js
// Install dependencies
npm install
// Run the app
npm run dev
// Build the app
npm run build
// Run the built app
npm run preview
```
## Tech
- [ReactJS](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [ShadcnUI](https://ui.shadcn.com/)
- [PapaParse](https://www.papaparse.com/)
- [Zustand](https://zustand-demo.pmnd.rs/)
## Page Speed
The page load test was done on GTMetrix which pings the website from Canada. The report can be found [here](https://gtmetrix.com/reports/query-editor-flame.vercel.app/MxfopRfl/).
Fully Loaded Time is `375ms`