https://github.com/anushkakohli/code-editor
https://github.com/anushkakohli/code-editor
code-editor-online
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/anushkakohli/code-editor
- Owner: AnushkaKohli
- Created: 2024-02-10T14:53:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-17T11:47:48.000Z (about 2 years ago)
- Last Synced: 2024-04-13T19:03:48.468Z (almost 2 years ago)
- Topics: code-editor-online
- Language: JavaScript
- Homepage: https://caffeinecoder.netlify.app/
- Size: 124 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code Editor
It's a simple code editor where you can edit you html, css and javascript files easily.
[Demo App](https://caffeinecoder.netlify.app/)
## Steps for creating the project
1. `npm create vite@latest .`
2. `npm i yjs y-codemirror y-webrtc codemirror react-icons`
**y-codemirror** : provides us the bindings that binds Y.Text type to the CodeMirror document that is currently in use
**y-webrtc** : It propagates changes in editor via peer-to-peer connection between user using WebRTC
3. `npm i react-codemirror2 --legacy-peer-deps`
4. Add tailwind for styling
## Steps to deploy on netlify:-
1. Run `npm run build`
2. Upload the dist folder on netlify
3. To update the website, again run `npm run build`
4. Go to your projects -> deploys and then upload the new dist folder
## ADD THE FOLLOWING LATER
[ ] Make it collaborative
[ ] Add more themes
[ ] Add more languages
[X] Add font size - 2xl not working
[X] Store the code in localStorage
[ ] Change view