https://github.com/ridloghifary/code-compiler

A web-based online code compiler. This app allows users to write code, compile it, and see the results in real time.
https://github.com/ridloghifary/code-compiler

nextjs typescript zustand

Last synced: 4 days ago
JSON representation

A web-based online code compiler. This app allows users to write code, compile it, and see the results in real time.

• Host: GitHub
• URL: https://github.com/ridloghifary/code-compiler
• Owner: RidloGhifary
• License: mit
• Created: 2024-09-18T06:38:16.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-19T07:56:41.000Z (4 months ago)
• Last Synced: 2025-01-08T05:36:19.974Z (4 days ago)
• Topics: nextjs, typescript, zustand
• Language: TypeScript
• Homepage: https://occompiler.vercel.app
• Size: 391 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# **Online Code Compiler**

A web-based online code compiler. This app allows users to write code, compile it, and see the results in real time.

## **Features**

- 🖥️ **Multi-language support:** Compile code in various programming languages (Python, Java, etc.).

- 🧩 **State Management with Zustand:** Efficient state handling across the app.

- 🖼️ **Dynamic Language Selection:** Switch between languages seamlessly using the custom language selector component.

- 🔒 **Protected Routes & Security:** Ensures security with custom headers for API requests.

## **Usage**

1. Select a programming language from the dropdown menu.

2. Write your code in the text editor.

3. Click **Run** to execute the code.

4. View the output in the results section.

## **Project Structure**

```bash

.

├── components/       # UI components (Buttons, Inputs, etc.)

├── hooks/            # Zustand store hooks for managing global state

├── actions/          # API call functions (e.g., compile function)

├── public/           # Static assets

├── app/              # Next.js app router

├── constants/        # Language constants and config

├── lib/              # Config

├── providers/        # Global state providers for the app

├── .env.example      # Example of environment variables

└── README.md         # Project documentation

```