SQL Compiler is a web-based application built using React.js and Tailwind CSS that allows you to compile and execute SQL queries, displaying the results in a user-friendly manner. It features a code editor powered by React-Code-Mirror, pre-defined query buttons, and an output section to visualize the query results in tables. The application also incorporates Material Symbols for icons, Google Fonts for typography, React-Toastify for toast messages, and Papaparse for reading CSV files.
 |
|---|
- React.js: Used for state management and building the user interface.
- Tailwind CSS: Utilized for responsive and modern styling.
- React-Code-Mirror: Integrated for the code editor functionality.
- Material Symbols: Employed for a collection of icons.
- Google Fonts: Used for consistent and visually appealing typography.
- React-Toastify: Added for displaying informative toast messages.
- Papaparse: Utilized for efficient CSV file reading.
The application has been optimized for performance. Here's a screenshot of the Lighthouse audit
 |
|---|
- Clone the repository:
git clone https://github.com/deeproop/Atlan.git - Install dependencies:
npm install - Run the development server:
npm start - Access the application in your browser at
http://localhost:3000