Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 19 days ago
JSON representation

A dummy application of a query editor. The idea is to write queries and see the result.

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`