Prism Code Editor

Project Overview

Prism Code Editor is a React-based application that provides a powerful code editing experience with real-time syntax highlighting. This project leverages Prism.js to offer a responsive and intuitive interface for writing and editing code across various programming languages.

Features

• Real-time Syntax Highlighting: Instantly see your code highlighted as you type.
• Multiple Language Support: Syntax highlighting for a wide range of programming languages.
• Responsive Design: Seamlessly use the editor on desktop, tablet, or mobile devices.
• Customizable: Easy to extend and customize to fit your specific needs.

Technologies Used

• React
• Prism.js
• CSS
• HTML

Installation

To get started with Prism Code Editor, follow these steps:

1. Clone the repository:

   git clone https://github.com/shreyanshtri26/prism-code-editor.git
   

2. Navigate to the project directory:

   cd prism-code-editor
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open http://localhost:3000 to view it in your browser.

Usage

1. Once the application is running, you'll see the code editor interface.
2. Start typing or paste your code into the editor.
3. The syntax highlighting will be applied automatically based on the detected language.
4. Use the toolbar (if implemented) to switch between different programming languages or apply formatting.

Components

• CodeEditor.js: The main component that renders the editable code area and applies syntax highlighting using Prism.js.