This card lists the available tools. Users can select a tool
card here and load it into the live workspace on the right.
Available tools
Select a card to preview it here. Favorites stay saved in
your browser for quick access.
This live workspace card displays the currently selected
tool. It updates automatically as users switch between
Python, JavaScript, SQL, HTML, JSON, API Studio, and other
learning tools.
The Python editor card is designed for writing and testing
Python code directly in the browser. It is useful for syntax
practice, problem solving, classroom demonstrations, and
quick experiments without local installation.
The JavaScript editor card helps learners practice
scripting, browser logic, variables, functions, loops, and
interactive code. It is ideal for front-end learning and
quick JavaScript experiments.
The SQL editor card is focused on database learning. It
helps users practice select queries, filters, sorting,
joins, grouping, and general structured data exploration.
The HTML editor card is useful for learning web page
structure. Users can write markup, understand elements and
tags, and preview how content is arranged on a page.
The JSON editor card is meant for working with structured
data. It helps learners understand objects, arrays, nesting,
formatting, and the kind of data used in APIs and modern web
applications.
The API Studio card is for testing requests and responses.
It is useful for understanding endpoints, payloads, methods,
headers, and how applications communicate across the web.
The Face AI Demo card introduces browser-based artificial
intelligence ideas. It can help learners explore face
detection, recognition concepts, and client-side AI
experimentation.
The Live Zoom Class card connects the learning hub to a live
classroom session. It supports a teaching workflow where
explanation, coding, and practice stay connected.
The Whiteboard card gives teachers and learners a visual
teaching space. It is helpful for drawing explanations,
solving problems step by step, and presenting ideas in a
classroom setting.
The Room card acts like a virtual classroom space. It can be
used to organize sessions, share resources, and support a
collaborative learning environment.
