Python Playground

A browser-based Python playground built with React, Monaco Editor, and Pyodide. Users can write, execute, save, load, and delete Python programs directly in the browser without requiring a backend server.

Features

• Run Python code in the browser using Pyodide (WebAssembly)
• Monaco Editor with syntax highlighting
• Output console with error handling
• Execution status indicators (Loading, Running, Success, Error)
• Save, load, and delete programs using localStorage
• Web Worker-based execution for better responsiveness
• Graceful handling of runtime and storage failures

Tech Stack

• React
• Monaco Editor
• Pyodide
• Web Workers
• localStorage

Getting Started

Install Dependencies

npm install

Run Development Server

npm run dev

Build for Production

npm run build

Project Structure

src/
├── components/
├── hooks/
├── services/
├── store/
├── workers/
├── styles/
├── App.jsx
└── main.jsx

Example

print("Hello World")

Output:

Hello World