This is an Online Code Editor for HTML, CSS and JavaScript
You have an option to access 3 files namely : index.html, index.css and index.js via File Explorer in the nav-bar and whatever changes you make in these files reflects on the live code editor on pressing RUN. You also have an option of saving the online code in the form of an HTML file.
INSTALLATION GUIDE :
-
Clone the GIT Repository or download it as a ZIP file : https://github.com/HENIL-SATRA/DYTE_EDITOR_18BCE2281.git
-
Open command prompt and locate the downloaded git folder usind cd commands.
-
Execute the following commands :
npm install
(this will download all the neccesary node files)
npm run dev
(this will finally give a live address for eg. http://127.0.0.1:8099/ where the project will run. Note that this address will be different for different people)
-
Copy the live address and paste it in the browser. You can now use the online code editor.
FEATURES OF THE EDITOR : This is the option for index.html file
This is the option for index.css file
This is the option for index.js file
You can also save your code in the form of an html file
Button to RUN the Code
Running a random HTML, CSS and JS code with OUTPUT:
Addtional Information : This application has been built on REACT and Code-Mirror libraries have also been used.