Skip to content

This project is an online code editor that allows users to write, compile, and preview HTML, CSS, and JavaScript code in real-time. It is designed for beginners to practice front-end development directly in the browser. Built using React, it features a responsive layout, syntax highlighting, and instant output rendering.

Notifications You must be signed in to change notification settings

Ashrithhn/online-code-editor-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

code here

🚀 Codehere

A powerful, browser-based code editor for HTML, CSS, and JavaScript that enables real-time coding and instant preview. Perfect for beginners learning front-end development and experienced developers prototyping ideas quickly.

React JavaScript HTML5 CSS3

✨ Features

  • 📝 Live Code Editing - Write HTML, CSS, and JavaScript with syntax highlighting
  • ⚡ Real-time Preview - See your changes instantly as you type
  • 🎨 Syntax Highlighting - Enhanced code readability with color-coded syntax
  • 📱 Responsive Layout - Works seamlessly on desktop and mobile devices
  • 🎯 Beginner Friendly - Clean, intuitive interface designed for learning
  • 🌐 Browser-Based - No installation required, code directly in your browser

🛠️ Tech Stack used

  • Frontend Framework: React.js
  • Styling: CSS3 with responsive design
  • Code Editor: Custom editor with syntax highlighting
  • Live Preview: Real-time iframe rendering

🚀 Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository
    git clone https://github.com/karthikc1125/online-code-editor-react.git
    
    

About

This project is an online code editor that allows users to write, compile, and preview HTML, CSS, and JavaScript code in real-time. It is designed for beginners to practice front-end development directly in the browser. Built using React, it features a responsive layout, syntax highlighting, and instant output rendering.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •