Just shipped my SQLStudio project and recorded an explanation video for it. SQLStudio is a full-stack platform where users can practice SQL through real assignments, run queries, get AI-powered hints, and understand database schemas in one place. What I built: - Assignment-based SQL challenges   - Interactive SQL editor to run queries   - Schema viewer for table relationships   - Smart hint panel powered by Mistral LLM via Ollama   - Results table for instant query feedback   - APIs for assignments, hints, and query execution  Tech stack: - Frontend: React + Vite + SCSS   - Backend: Node.js + Express   - Databases: PostgreSQL + MongoDB   - LLM setup: Ollama (Mistral model) for hint generation  or Google Gemini Api. etc How it works (step by step): 1. User opens an assignment in the playground. 2. Frontend fetches assignment details, schema, and metadata from backend APIs. 3. User writes a SQL query in the editor and clicks run. 4. Backend sanitizes and validates the query. 5. Query is executed on PostgreSQL. 6. Results (or errors) are returned and displayed in the results table. 7. If the user gets stuck, they click Hint. 8. Backend sends assignment context to Mistral via Ollama or any Other llm that you use. 9. LLM-generated hint is stored/managed through MongoDB-backed hint flow and returned to the UI. 10. User iterates and improves the query until the expected output is achieved. This project helped me learn a lot about building end-to-end products, integrating LLMs into practical workflows, and balancing backend logic with clean UI/UX. Would love your feedback on the project and the video.  #FullStackDevelopment #ReactJS #NodeJS #ExpressJS #PostgreSQL #MongoDB #Ollama #Mistral #LLM #SQL #WebDevelopment #BuildInPublic

To view or add a comment, sign in

Explore content categories