README.md

SQLingo 🚀

(Note: Replace with actual banner if available)

Master SQL with a beautiful, browser-based platform featuring real-world Indian datasets. 🇮🇳✨

SQLingo is a cutting-edge SQL practice platform designed for developers who want to master database queries. It runs entirely in your browser using WebAssembly, ensuring lightning-fast performance and privacy. With a premium glassmorphic design, smooth animations, and AI-powered assistance, learning SQL has never been this engaging.

---

✨ Features

• ⚡ In-Browser Database: Powered by sql.js (SQLite via WebAssembly). No server setup required!
• 🇮🇳 Real-World Datasets: Practice with relatable data including Cricket IPL, Indian E-Commerce, Healthcare, and more.
• 🎨 Premium UI/UX: Stunning glassmorphism, fluid micro-animations, and a sleek dark mode.
• 🤖 AI-Powered Hints: Stuck? Get intelligent, context-aware hints powered by Google Gemini AI.
• 📝 Monaco Editor: Write queries in a pro-level editor with syntax highlighting and auto-completion (VS Code experience).
• ✅ Instant Validation: Real-time feedback comparing your results with expected outcomes.
• 💾 Local Progress: Your progress is saved automatically to your browser. No sign-up needed.

---

🛠️ Tech Stack

Built with the latest modern web technologies:

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS & Tailwind Animate
• Database: sql.js (SQLite WASM)
• Editor: @monaco-editor/react
• State Management: Zustand
• Icons: Lucide React
• AI: Google Gemini API

---

🚀 Getting Started

Follow these steps to run the project locally:

Prerequisites

• Node.js 18+ installed
• npm, pnpm, or yarn

Installation

1. Clone the repository

   git clone https://github.com/praaatap/SQLingo.git
   cd SQLingo

2. Install dependencies

   npm install
   # or
   pnpm install

3. Run the development server

   npm run dev
   # or
   pnpm dev

4. Open in Browser Visit http://localhost:3000 to see the app in action!

---

📸 Screenshots

Screenshot
Beautiful animated landing page
Interactive SQL editor with results

(Note: Add actual screenshots to the public folder and update links)

---

🤝 Contributing

Contributions are welcome! Whether it's adding new questions, fixing bugs, or improving animations.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made with ❤️ by Pratap Singh