DevHub is a Codepen clone built with React.js. It provides a web-based code editor where users can write HTML, CSS, and JavaScript code and see the live output instantly. It aims to provide a simple and intuitive interface for testing and sharing code snippets.
Code Editor: Users can write HTML, CSS, and JavaScript code in separate panels with syntax highlighting and auto-indentation.
Live Preview: The app updates the output in real-time as users type, allowing them to see the results of their code instantly.
Code Sharing: Users can share their code snippets by generating unique URLs that open the editor with their code pre-filled.
Responsive Design: The app is designed to be responsive and works well on both desktop and mobile devices.
Resizable Panels: Users can resize the code editor panels to customize their workspace layout.
Save and Load: Users can save their code snippets to the browser's local storage and load them later.
Clone the repository: git clone https://github.com/your-username/codepen-clone.git
Navigate to the project directory: cd codepen-clone
Install the dependencies: npm install
Start the development server: npm start
Open your browser and navigate to http://localhost:3000 to view the app.
Contributing
Contributions are welcome! If you encounter any issues or have suggestions for improvements, please open an issue on the GitHub repository. If you would like to contribute code, feel free to open a pull request.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent