- Dummy SQL query visualizer application. Built with React.js Library & deployed on ❤️ Netlify.
-
Please refer to my google doc to find out, how I learned & approached step by step to build the required application.
- Reduced bundle size. Didn't use any dependencies. For a full - fledged application, toned down version of tanstack-table and react dropdown would be the right choice.
- Used useMemo hook for caching table data.
- Performance details via Lighthouse. Score: 100.
- Dropdown Multi-table checkouts enabled, by a tweak using synthetic events in React.
- Used same colors to drive UI behavior same across components.
git clone https://github.com/thevinayysharma/dummysqlviewer
Install Dependencies Locally
yarn init
yarn add --save -D
Run Application
yarn run
- This application was part of an assessment for a data-centric Startup hiring process.You are welcome to provide best practices, code-reviews, guide for better learning.