Crossref DOIMemberCiteFactoropen accessissn
SJIF Impact Factor 8.659 | ISSN: 2582-3930
IJSREM Logo

International Journal of Scientific Research in Engineering and Management

(Gateway to Global Scholars - An International, Scholarly, Multi-Disciplinary, Open Access Journal)

Peer-Reviewed Journal Designed to Meet UGC's Quality Parameters

HomeCurrent IssuePast IssuesPay OnlineConferencesEditorial BoardAbout UsContact Us
IJSREM

Loading article...

Follow Us

  • Google Scholar
  • ResearchGate
  • Academia.edu
  • Mendeley
  • LinkedIn
  • Facebook
  • Instagram

Journal Policies

  • Peer Review Policy
  • Publication Ethics
  • Copyright Infringement
  • Refund & Cancellation Policy
  • Terms and Conditions
  • Privacy Policy

Journal Identifiers & Licenses

  • ISSN Verified: 2582-3930ISSN Verified: 2582-3930
  • Crossref DOI: 10.55041Crossref DOI: 10.55041
  • SJIF Ranking: 08.659SJIF Ranking: 08.659
  • Licensed under CC BY 4.0Licensed under CC BY 4.0
  • ISO Certification: 9001:2015ISO Certification: 9001:2015
  • Indexed & Cited In: Google ScholarIndexed & Cited In: Google Scholar

Contact Us

International Journal of Scientific Research in Engineering and Management (IJSREM)

#62/1, New No 7, 1st Cross, 2nd Main, Ganganagar, R T Nagar, Bangalore North, Bangalore, Karnataka, India – 560032
[email protected]+91 93911 67991
logos
logos
Working Hours

Mon – Sat: 9:00 AM – 6:00 PM

Sunday: 10:00 AM – 4:00 PM

+91 93911 67991

© 2026 IJSREM – International Journal of Scientific Research in Engineering and Management. This is an open-access journal. Articles are published under the Creative Commons Attribution (CC BY 4.0) License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.

DisclaimerPrivacy PolicyTerms and Conditions
ArticlePeer ReviewedOpen AccessPlagiarism Passed
Paper ID:IJSREM49231

Code Pen Clone App: A Real-Time Collaborative Web Development Environment

Stream/Area:

-

Subject:

-

Paper ID:

IJSREM49231

Volume:

9 |

5 |

May 2025

Pages:

Publication Frequency:

Monthly (12 issues per year)

DOI
Digital Object Identifier
10.55041/IJSREM49231

License:International Journal of Scientific Research in Engineering and Management follows the Creative Commons Attribution 4.0 (CC BY 4.0) License, allowing free use and distribution with proper attribution.

Share this article:

Authors

KK

Krishna Kakkar

RS

Rishi Singh

Author Services & Downloads

Full Articles

Abstract

This paper presents the development of a CodePen clone—an interactive, real-time online code editor designed to support HTML, CSS, and JavaScript with live preview capabilities. Online IDEs such as CodePen, JSFiddle, and StackBlitz have revolutionized how developers write, share, and experiment with code snippets. However, most platforms offer limited collaboration features or impose commercial restrictions. This research introduces a custom-built platform using React.js, Node.js, WebSockets, and CodeMirror that facilitates real-time collaboration and automatic preview rendering. Users can sign up, create pens (code snippets), preview results live, and invite others for collaborative editing. The tool addresses accessibility, flexibility, and interactivity in modern coding education and showcases potential as a viable open-source alternative for individual learning, classroom demonstrations, and real-time team projects.

KEYWORDS

Code Editor Online IDE Real-time Collaboration HTML/CSS/JS Preview React

Cite This Article

Krishna Kakkar, Rishi Singh, "Code Pen Clone App: A Real-Time Collaborative Web Development Environment," International Journal of Scientific Research in Engineering and Management, vol. 9, no. 5, May 2025. https://doi.org/10.55041/IJSREM49231

Full Article/Conclusion

References

Editorial & Review Transparency

Publication Date

5/31/2025

Peer Review Type

Double-Blind Peer Review

Review Rounds: 2

Documents

Review Report (Confidential)
Copyright Form (Office)

Article Metrics & Impact

Article Views

0

Total views since publication

PDF Downloads

0

Total downloads since publication

Geographic Reach

5

Indexing, Archiving & Preservation

Google Scholar
Academia
ResearchGate
Crossref
SSRN
Semantic Scholar
Thomson Reuters
WorldCat
Mendeley
OpenAlex
EBSCO
Zenodo

Digital Preservation: This article is permanently archived on Zenodo and complies with all data preservation standards across major indexing platforms.

Ethics, Compliance & Transparency

Plagiarism Screening

This manuscript has been checked for plagiarism using TurnitinPlagiarismChecker software.

Conflict of Interest

The authors declare no conflict of interest related to this research work.

Funding Information

No funding information available for this research.

Similar & Recommended Articles

Similar Articles by Topic

Related research in the same subject area

Loading similar articles...