DhanushNehru / CustomCodeEditor

A web-based tool that allows users to write, test, and execute code in various programming languages seamlessly
https://custom-code-editor.vercel.app/
Apache License 2.0
31 stars 39 forks source link

New design for code output #22

Closed DhanushNehru closed 4 months ago

DhanushNehru commented 5 months ago

Currently the code output displayed is something like this.

Screenshot 2024-05-18 at 7 31 03 PM

Open to ideas for better improvement on the UI/UX

doriroz commented 5 months ago

Hi... I think i would shorten the the width of code editor and instead build a little deshbord on the right side. then, the select list langauge code and 'Run Javascript Code' button will move inside the deshbord and the console will be seperate with a title and no backgournd wrapped the results . instead, a backgroud color for the console itself . also, i would move the console error result from the top and gathered with the console code result .

DhanushNehru commented 5 months ago

You can go ahead @doriroz

syedubaid11 commented 4 months ago

Hello ... Putting the output screen on the right is a much better idea along with UI changes, as said above . I would like to work on this issue.