Introduction

CodeSpace is a web-based code editor that allows you to write, edit, and preview HTML, CSS, and JavaScript code. It provides a user-friendly interface with syntax highlighting, code completion, and live preview for a seamless development experience.

Technologies Used

• ReactJS: A JavaScript library for building user interfaces
• Redux: A predictable state management container for JavaScript applications.
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
• Shadcn: A theme framework built for Tailwind CSS, providing pre-built components and styles.
• CodeMirror: A powerful in-browser code editor library with extensive features.

Features

• Syntax Highlighting: Code is color-coded based on its syntax for better readability.
• Code Completion: Get suggestions for code snippets as you type.
• Live Preview: See the rendered HTML, CSS, and JavaScript code in real-time as you edit.
• Multi-Language Support: Supports editing and previewing HTML, CSS, and JavaScript.

Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites:

Make sure you have the following installed on your machine:

• Node.js
• npm (or yarn)
• Git

Clone this repository:

git clone https://github.com/abhaychauhan8802/codespace.git
cd codespace

Install dependencies:

Install the project dependencies using npm or yarn:

npm install

Start the development server:

npm run dev

This will start the development server and open the application in your default web browser at http://localhost:5173/