SnippetLab

Welcome to SnippetLab a web-based code editor similar to CodePen. SnippetLab allows you to write edit and preview HTML CSS and JavaScript code in real-time. This README file provides an overview of the project setup instructions and more.

🚀 Demo

https://snippet-lab.vercel.app/

Project Screenshots:

🧐 Features

Here're some of the project's best features:

• Real-time Code Preview: Instantly see the results of your HTML CSS and JavaScript code.
• Persistent Code Storage: Your code is automatically saved in the local storage of your browser.
• CodeMirror Integration: Enhanced code editing experience with syntax highlighting and themes.
• Responsive Layout: A flexible and user-friendly interface with split panels for editing and previewing.

🛠️ Installation Steps:

1. Clone the Repository

git clone https://github.com/The-EleetCoder/SnippetLab.git

2. Go to Project Directory

cd SnippetLab

3. Install Dependencies

npm install

4. Start the Development Server

npm start

5. Open your browser and navigate to http://localhost:3000 to see SnippetLab in action.

💻 Built with

Technologies used in the project:

• React.JS
• Javascript

Open Source

Contributions are welcome! Please fork the repository and create a pull request with your changes. For major changes open an issue to discuss what you would like to change.