AnkitRajCode / sql-editor-atlan

SQL Editor Atlan

This Project is for atlan for evaluating front-end application given in their assignment i.e. built SQL editor specifically to fulfill the task given by Atlan.

Technologies used

1. NextJs
2. Tailwind CSS

Working

1. The top-left section consists of options to toggle between different Tables.

2. The next section contains options that directly put result of the given queries below in table format output.

3. Then on the right most section there is editor in which we can put coustom queries. The result of coustom queries are display at the bottom.
   List of all queries that can run in editor are:

    a. select * from customers
    b. select * from customers where city='London'
    c. select * from customers where country= 'Mexico'
    d. select * from customers where contactTitle= 'Owner' and city='Mexico D.F.'
    e. select * from customers where contactTitle= 'Owner'
    f. select * from customers where contactTitle= 'Owner' or city='London'

Performance

Optimization

I Use only the core features of NextJs & Tailwind CSS.
I do not use any Third party Libraries which slow down page loading time as well as performance.

Preview