I created a code editor in Next JS. It is similar to many online code editors available and has support for languages like Python, Javascript, C#, Java and others. The formatted code is send to an API for validation. The result from this API is displayed in the window next to the code editor. Here's a concise overview of the project I created:

- Code editor with multiple language support.

- UI components powered by Tailwind CSS and Headless UI.

- Uses Monaco Editor package to initialize the code editor

- For code execution, this API has been used - https://emkc.org/api/v2/piston/execute 

Started on March 23, 2025, 10:21 a.m.
Updated on April 14, 2025, 12:02 p.m.
Status:
Tags:

Project Link : https://github.com/Apfirebolt/next_code_editor

Technologies Used : Next JS, Tailwind CSS, Headless UI

Images: