https://github.com/shivanshkumar760/blitzcoder

Blitzcoder is an online code editor built with React, Chakra UI, and powered by the Piston API for code execution and styling. It provides a seamless environment for developers to write, execute, and style their code directly in the browser.
https://github.com/shivanshkumar760/blitzcoder

chakra-ui css monaco-editor piston-api reactjs

Last synced: 27 days ago
JSON representation

Blitzcoder is an online code editor built with React, Chakra UI, and powered by the Piston API for code execution and styling. It provides a seamless environment for developers to write, execute, and style their code directly in the browser.

• Host: GitHub
• URL: https://github.com/shivanshkumar760/blitzcoder
• Owner: ShivanshKumar760
• Created: 2024-12-31T04:28:22.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-01-15T15:58:28.000Z (over 1 year ago)
• Last Synced: 2025-06-07T00:06:55.176Z (12 months ago)
• Topics: chakra-ui, css, monaco-editor, piston-api, reactjs
• Language: JavaScript
• Homepage: https://blitzcoder.netlify.app/
• Size: 183 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Blitz Logo](https://github.com/ShivanshKumar760/BlitzCoder/blob/master/client/logo/blitz.png)

# Blitzcoder: An Online Code Editor

![output Logo](https://github.com/ShivanshKumar760/BlitzCoder/blob/master/finaloutput.png)

**Blitzcoder** is an online code editor built with React, Chakra UI, and powered by the Piston API for code execution and styling. It provides a seamless environment for developers to write, execute, and style their code directly in the browser.

**Key Features:**

* **Real-time Code Execution:** Execute code instantly and view the output directly within the editor.

* **Multiple Language Support:** Supports a wide range of programming languages, including Python, JavaScript, C++, Java, and more.

* **Code Styling with CSS:** Customize the appearance of your code with CSS for enhanced readability.

* **User-friendly Interface:** Intuitive and easy-to-use interface with a clean and modern design.

* **Chakra UI Integration:** Leverages the power of Chakra UI for a visually appealing and accessible user experience.

**Technology Stack:**

* **Frontend:** React.js

* **UI Library:** Chakra UI

* **Code Execution:** Piston API

* **Styling:** CSS

**Getting Started:**

## Installation

1. **Clone the repository:**

   ```bash

   git clone https://github.com/ShivanshKumar760/Blitzcoder.git

### Prerequisites:

- **Node.js** (v14.x or higher)

---

## Frontend Setup:

1. Navigate to the `frontend` directory:

   ```bash

   cd client

2. Install dependencies:

   ```bash

   npm install or npm i or pnpm install

3. Run the React server:

   ```bash

   npm run dev or pnpm run dev