• Samundeeshwary R
• Yamuna B
• Suradhayeni R
• Brinda P

Code Playground is a web-based development tool that aims to replicate the functionality and features of the popular online code editor and collaboration platform, Code Playground. The Code Playground provides developers with a user-friendly interface to write, edit, and preview HTML, CSS, and JavaScript code in real-time. It offers a seamless coding experience, allowing users to experiment with different code snippets and see the immediate results in the preview pane. This report presents an overview of the concept and objectives behind developing a Code Playground, highlighting its significance in the coding community. It explores the key features that make a Code Playground effective, including an advanced code editor, real-time rendering, collaboration capabilities, version control, and customization options. Furthermore, the report delves into the technical aspects of implementing a Code Playground, discussing the technology stack, front-end and back-end development considerations, integration of external libraries and APIs, and security measures. Index Terms – HTML ,CSS, JAVASCRIPT, XML,REACT JS

Code playground, ReactJS, HTML, CSS, JAVASCRIPT, XML

"Code Playground Using ReactJS", International Journal of Emerging Technologies and Innovative Research (www.jetir.org), ISSN:2349-5162, Vol.10, Issue 7, page no.d687-d691, July-2023, Available :http://www.jetir.org/papers/JETIR2307387.pdf

"Code Playground Using ReactJS", International Journal of Emerging Technologies and Innovative Research (www.jetir.org | UGC and issn Approved), ISSN:2349-5162, Vol.10, Issue 7, page no. ppd687-d691, July-2023, Available at : http://www.jetir.org/papers/JETIR2307387.pdf