A modern, feature-rich online code editor with live preview capabilities. Built with Next.js, Monaco Editor, and Tailwind CSS.
- Monaco Editor Integration - Powered by the same editor that powers VS Code
- Live Preview - See your HTML/CSS/JavaScript changes in real-time
- File Management - Create, rename, and delete files and folders with an intuitive UI
- Syntax Highlighting - Support for multiple programming languages
- Code Formatting - Built-in Prettier support for HTML formatting
- Responsive Design - Works seamlessly on desktop and mobile devices
- Split View - Adjustable layout with resizable panels
- Clone the repository:
git clone https://github.com/sorena-paydar/devspace.git
cd devspace- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Next.js - React framework for production
- TypeScript - Type-safe JavaScript
- Monaco Editor - VS Code's editor component
- Tailwind CSS - Utility-first CSS framework
- Material-UI - React component library
- Prettier - Code formatter
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is open source and available for personal and educational use.
Sorena Paydar
- Email: sorenapaydar81@gmail.com
- GitHub: @sorena-paydar
Made with ❤️ by Sorena