Skip to content

Latest commit

 

History

History
43 lines (33 loc) · 1.21 KB

README.md

File metadata and controls

43 lines (33 loc) · 1.21 KB
Raw

demo image

Sample website code credit: FreeCodeCamp.org and @lasjorg

Codepen Clone

A Codepen clone, built with React and CodeMirror.

Features

  • Toggleable fullscreen mode
  • Auto render code (within 250ms)
  • Auto-close tags (For HTML and XML)
  • Auto-close brackets (For JavaScript and CSS)
  • Highlight unclosed brackets (For JavaScript)
  • Highlight active brackets (Brackets near cursor)
  • Linting
  • Expand-collapse code editors
  • Material (Ocean) theme
  • Mobile responsive (kinda*)

(*) Supports screen size of a generic tablet. Below that, the text would become illegible. So, an error image is displayed for screens 400px and below.

Built With

  • React

  • CodeMirror

  • Npm Packages Used

    • Font (Fort) Awesome
    • fullscreen-react

To clone

$ git clone https://github.com/AdityaBhattacharya1/Codepen-Clone
npm install
npm start

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

  • FreeCodeCamp.org and @lasjorg for the sample code used in the demo image.