Skip to content

Latest commit

Β 

History

History
36 lines (25 loc) Β· 1.09 KB

File metadata and controls

36 lines (25 loc) Β· 1.09 KB

SQL Learning Lab πŸš€

A futuristic, high-end SQL learning IDE with a deep space cyber-aesthetic. Built with React, Vite, and Tailwind CSS.

Features

✨ Deep Space Theme - Premium glassmorphic design with slate-950 void canvas
πŸ” Cyber-Auth System - Beautiful login gate with gradient effects
πŸ“Š 3-Column Layout - Schema navigator, SQL editor with AI assistant, and results canvas
🎨 Neon Accents - Cyan for SQL/code, Fuchsia for AI interactions
πŸ€– AI Chat Assistant - Integrated copilot for SQL help
πŸ“‹ Mode Switching - Normal SQL and Block SQL modes via dropdown menu

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Tech Stack

  • React 18
  • Vite 5
  • Tailwind CSS 3
  • Lucide React Icons

Design Philosophy

The interface is designed to feel like a high-end SaaS product (Vercel/Supabase quality) with a vibrant, gamified twist. Every interaction includes smooth micro-animations and the color palette creates an immersive "deep space" coding environment.