SQL Query Runner 🚀🌐

A sleek, web-based SQL editor with powerful mock execution capabilities, meticulously crafted for seamless data exploration and dynamic learning.

---

🔗 Quick Access

---

📸 Glimpses of the Application

Dive into the user experience with these snapshots of the SQL Query Runner in action:

Light Mode - Editor	Light Mode - Results	Dark Mode - Editor	Dark Mode - Results

Query History & Search	CSV Export Confirmation	Performance Profile

---

✨ Core Features

Experience a seamless and powerful SQL environment right in your browser:

• ✍️ Intuitive SQL Editor: Comes equipped with intelligent syntax highlighting and autocomplete for a smooth coding experience.
• 📚 Predefined Queries Library: Jumpstart your data exploration with a collection of ready-to-use SQL queries.
• ⚡ Mock Query Execution: Get instant feedback with mock execution, perfect for testing queries without a live database connection.
• ⏳ Comprehensive Query History: Easily revisit past queries with robust sorting and filtering capabilities.
• 📥 CSV Export Functionality: Download your query results directly to CSV format for further analysis.
• 🌗 Dynamic Dark/Light Mode: Toggle between sleek dark and vibrant light themes for personalized comfort.
• 🚀 Performance Optimized: Engineered for efficiency, ensuring smooth operation even with large datasets exceeding 10,000 rows.

---

🛠️ Tech Stack & Architecture

Built with a modern and robust set of technologies for optimal performance and maintainability:

• Frontend:
  • React.js
  • Vite
• State Management: Context API
• Editor Core: ACE Editor (chosen for its robust features and flexibility as a CodeMirror alternative)
• Styling: CSS Modules (for scoped and modular styling)
• Icons: Lucide React (for beautiful, customizable icons)
• Build Tool: npm + Vite
• Hosting: Vercel

---

🚀 Getting Started

Follow these simple steps to set up and run the SQL Query Runner locally on your machine.

Prerequisites

Ensure you have the following installed on your system:

• Node.js: v16+ (LTS recommended)
• npm: v8+ (comes with Node.js)

Installation

# 1. Clone the repository
git clone [https://github.com/manirht/Atlan-FrontQL.git](https://github.com/manirht/Atlan-FrontQL.git)

# 2. Navigate into the project directory
cd Atlan-FrontQL

# 3. Install project dependencies
npm install

# 4. Start the development server
npm run dev