Build me a html , css , js compiler with live view in it
Budget: ₹1,500 – ₹12,500 INR
Create an online code editor using React that supports the following features:
There are 3 sections, namely:
A “file explorer” pane that contains 3 files:
index.html, index.css, index.js.
A “code editor” that supports syntax highlighting for HTML, CSS, and JS.
A “live view” section to show the rendered HTML website.
Clicking on a file from the “file explorer” should display the corresponding content on the code editor for editing.
The “live view” section must display the rendered website that was created by the user. When a change is made to any of the index.html, index.css, or index.js files, the “live view” section should hot-reload, and display the new output.
Create a feature to save your code, and generate a shareable link (such as https://editor.io/edit/<unique-id>) that should show the saved code when the link is visited. Use the Pastebin Developer API to save your code, generate a unique link, and then load it back at a later stage.
Make your React application using Typescript.
There are 3 sections, namely:
A “file explorer” pane that contains 3 files:
index.html, index.css, index.js.
A “code editor” that supports syntax highlighting for HTML, CSS, and JS.
A “live view” section to show the rendered HTML website.
Clicking on a file from the “file explorer” should display the corresponding content on the code editor for editing.
The “live view” section must display the rendered website that was created by the user. When a change is made to any of the index.html, index.css, or index.js files, the “live view” section should hot-reload, and display the new output.
Create a feature to save your code, and generate a shareable link (such as https://editor.io/edit/<unique-id>) that should show the saved code when the link is visited. Use the Pastebin Developer API to save your code, generate a unique link, and then load it back at a later stage.
Make your React application using Typescript.