SQL Query App

A web application for running SQL queries. A user types in the SQL query in an embedded text editor and receives the query output in an output panel.

Project Overview

This is a JavaScript Single-Page Application (SPA) built with Vue.js.

Framework used, plugins, and packages

• Javascript Framework - Vue.js 2
• Styling library - TailwindCSS
• Notifications/alerts - Vue Toasted
• In-browser Editor - Ace

Page load time of application

Chrome Lighthouse test gave a 0.8 seconds load time.

Pingdom Website Speed Test tool calculated the page load time as 0.2 seconds.

Installation

The application uses NPM for dependency management. You need to have Node v12 or greater and NPM v6 or greater to run the application locally. Follow the steps below to install locally:

Step 1: Clone the repository

git clone https://github.com/vinuch/sql-query-app.git

Step 2: Change directory into the project

cd sql-query-app

Step 3: Install dependencies

yarn

Step 4: Start the development server

yarn serve

This should start the development server on http://localhost:3000

Deploying the Application

You can deploy the app to Netlify, Vercel, or any other deployment service that supports Node.js. If you want to test the built application before deployment, run the following command:

yarn build

Customize configuration

See Configuration Reference.