Skip to content

A code editor built with React, Chakra UI, PrismJS, and prism-react-renderer for syntax highlighting.

Notifications You must be signed in to change notification settings

rohitchourey0809/Prodios-Labs-Assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Code Editor

A code editor built with React, Chakra UI, PrismJS, and prism-react-renderer for syntax highlighting.

Table of Contents

Introduction

This project is a basic code editor implemented using React with syntax highlighting capabilities provided by PrismJS through prism-react-renderer. It includes a textarea for user input and renders syntax-highlighted code in real-time.

Features

  • Syntax highlighting for JSX and other languages supported by PrismJS.
  • User-friendly interface with Chakra UI components.
  • Responsive design suitable for various screen sizes.

Demo

image

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/rohitchourey0809/Prodios-Labs-Assignment.git
    

Prodios-Labs-Assignment

About

A code editor built with React, Chakra UI, PrismJS, and prism-react-renderer for syntax highlighting.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages