https://github.com/tinspham209/codepen-clone
CodePen Clone with React
https://github.com/tinspham209/codepen-clone
codemirror codepen react react-codemirror2
Last synced: 6 months ago
JSON representation
CodePen Clone with React
- Host: GitHub
- URL: https://github.com/tinspham209/codepen-clone
- Owner: tinspham209
- Created: 2020-09-29T18:21:55.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T05:59:19.000Z (about 2 years ago)
- Last Synced: 2025-03-11T17:54:59.906Z (11 months ago)
- Topics: codemirror, codepen, react, react-codemirror2
- Language: JavaScript
- Homepage: http://codepen.tinspham.info/
- Size: 402 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mini Project: CodePen Clone
## Date: 30 - Sep - 2020
### Screenshot
- 
### Tech-Stack
- React
- codemirror
- react-codemirror2
- react-icons
### Deploy
- http://codepen.tinspham.info/
### Plan Of Action
- Initial Project
- Install dependencies
- HTML Setup
- Editor Setup
- CSS
- CodePen Functionality
- Open Close Button
- Local Storage Hook
- Deploy to surge.sh
- Add custom domain
- Write README
### Directory Structure
```
.
├── .gitignore
├── package.json
├── README.md
├── public
└── src
├── components
├── App.js
└── Editor.js
├── hooks
└── useLocalStorage.js
├── App.js
├── index.css
└── index.js
```
### Set up
Use the cmd line to clone repo to your computer
```
git clone [github_repo_url]
```
Use the cmd line to install dependencies.
```
npm install
```
Run in cmd for start the dependencies server
```
npm start
```