Flex is a CodePen clone built with React, providing a versatile and user-friendly platform for live coding HTML, CSS, and JavaScript. The application features resizable code editor panels and an iframe for real-time output, ensuring a smooth and responsive coding experience.
- Resizable Panels: Flex allows you to resize the code editor panels and output iframe for a customizable layout.
- Live Preview: The output updates in real-time as you type in the editors, giving you immediate feedback on your code changes.
- Mobile-Friendly: The layout adjusts for mobile devices with a responsive design.
- React: The core library used for building the user interface.
- CodeMirror: A versatile text editor used for code editing.
- split-pane-react: For creating resizable panels.
- React Responsive: To handle responsive design for different screen sizes.
Contributions are welcome! Please feel free to submit a pull request or open an issue if you have any suggestions or improvements.
This project is licensed under the MIT License.
If you have any questions or feedback, feel free to contact me at KinanGH98@gmail.com.