Skip to content

v.0.0.3

Choose a tag to compare

View all tags
@lordofsunshine lordofsunshine released this 19 Jun 15:28
· 139 commits to main since this release
0.0.3
c356cc0
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Code Editor with Console (v.0.0.3)

This web code editor is an interactive environment that allows users to write and test HTML, CSS, and JavaScript code in real-time. It features an output window to display results and a console for logging messages and errors. The editor supports a run() function that executes the code entered into the respective fields and displays the results in the output window. The console logs both standard messages and errors, providing timestamps for convenient debugging.

The web code editor is a convenient tool for developers that allows writing and testing HTML, CSS, and JavaScript code directly in the browser. The main features of the editor include:

  • Live Preview: Changes in the code are instantly reflected in the preview window, allowing for quick testing and debugging.
  • Integrated JavaScript Testing: The ability to run and test JavaScript code immediately after writing it.
  • Multilingual Support: The editor supports code editing in multiple programming languages.
  • Ease of Use: An intuitive interface makes working with code easier for developers of all levels.

✨ What's new?

The web code editor has received a series of updates and improvements that make it even more functional and user-friendly:

  • Improved Error Handling: Now, if the command field is left empty, an error message is displayed in the console, helping to avoid confusion and simplify debugging.
  • Accurate Timing: Timestamps in the console are now displayed correctly, providing an accurate chronology of events for debugging code.
  • Save Project Feature: A new "Save the project" button has been added, which creates an archive with files and the code that was written on the site.
  • Console Clear Button: A cross button has been added in the console that clears the console logs.
  • Updated Code Editor Design: The design of the code editor has been refreshed, enhancing the overall user experience.

Video-Preview (click)

Preview

How the Console works

The console has been completely updated in the update, now it is also a Terminal! The console shows errors that are in the code, and simple commands can be executed in the terminal.

Preview

Mobile adaptation

Preview

Preview

⭐ Star

Did you like the repository? Put an asterisk, thank you! ❤️

  • developed by lordofsunshine
Assets 2
Loading