Basic overview of project
-
The project is basically a dummy SQL editor.
-
I have used hard coded data as dummy database.
-
there are many features in app
- you can copy the SQL query
- you can download result table in form of pdf
- there is query history section , where you can view hostory of all queries you have used in past.
- there are some predefined queries to reduce work load, you can copy them to textaraea, or directly view their result by clicking show table button.
- there are light and dark modes for user.
- button to run query and button to clear text
-
I have used ReactJS for building this app
- used html2canvas for downloading table.
- react-window for making virtualized list(MUI Component).
- used MUI for UI.
-
loading time summary:-
- 7 ms Loading
- 376 ms Scripting
- 17 ms Rendering
- 14 ms Painting
- 406 ms System
- 1402 ms Idle
- 2222 ms Total, I used performance tab to measure time.
-
though the application is not very heavy but I have used lazy loading to load the predefined SQL query section because among all the components I felt that component had the maximum code to be rendered and potentially more time consuming.