React Project: The Online Editor for HTML, CSS and JavaScript

Published: 22 January 2023
on channel: Coding Chaska

816

This video teaches how to create an online editor for HTML, CSS & JavaScript. We will complete this project using React & create-react-app. We are going to use Monaco Editor. VS Code also uses the same Monaco editor. Your code will not be lost since we will store it in the browser's local storage as well.
This is an interesting React project. Follow every step and do your own project.

Timeline
00:00 Introduction
01:57 Starting the Project
04:18 React States
05:12 React Handling Events
05:55 Iframe
08:55 Creating Tab Bar
12:35 Adding Monaco Editor
15:48 Adding More Styles
17:35 Storing code in the local storage

Find the code here - https://github.com/rhtm123/online-edi...

You can visit our website at www.codingchaska.com

On this page of the site you can watch the video online React Project: The Online Editor for HTML, CSS and JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Coding Chaska 22 January 2023, share the link with friends and acquaintances, this video has already been watched 816 times on youtube and it was liked by 18 viewers. Enjoy your viewing!

120,461

2.1K