CudeEditor

A Web-based code editor for HTML, CSS, JavaScript with real-time webpage rendering.
View Live »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contributing
5. Acknowledgements

About The Project

Project Repository Link: https://github.com/hemani-gajjar/CudeEditor.git

Built With

• React
• Node.js
• Firebase Hosting

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/hemani-gajjar/CudeEditor.git

2. Install NPM packages

   npm install

3. In the project directory, you can run:

   npm start

This command runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Usage

The left half of the page consists of the HTML, CSS, JavaScript Code panes. When the changes are made in the code, the rendered output gets updated in real-time in the right half of the page.

Contributors

• Hemani Gajjar
• Jahnavi Juluri

Contributing

Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Acknowledgements

• Code Mirror
• Font Awesome
• Free Frontend