File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ \# CodePlay – Live Code Editor 🚀
2+
3+
4+
5+ \# # Web Engineering Final Project
6+
7+
8+
9+ CodePlay is a web-based Live Code Editor that allows users to write and preview HTML, CSS, and JavaScript code in real time.
10+
11+ This project is developed as part of the Web Engineering (Semester V) Final Project.
12+
13+
14+
15+ ---
16+
17+
18+
19+ \# # Project Overview
20+
21+
22+
23+ CodePlay provides an interactive coding environment where users can:
24+
25+ \- Write HTML, CSS, and JavaScript code
26+
27+ \- Instantly see the output
28+
29+ \- Experiment with front-end development concepts easily
30+
31+
32+
33+ ---
34+
35+
36+
37+ \# # Technologies Used
38+
39+ \- HTML5
40+
41+ \- CSS3
42+
43+ \- JavaScript
44+
45+
46+
47+ ---
48+
49+
50+
51+ \# # Features
52+
53+ \- Separate editors for HTML, CSS, and JavaScript
54+
55+ \- Real-time live preview
56+
57+ \- Dark theme interface
58+
59+ \- Run Code button
60+
61+ \- Save and Reset options
62+
63+ \- Console output panel
64+
65+ \- Responsive design
66+
67+
68+
69+ ---
70+
71+
72+
73+ \# # Output / Screenshot
74+
75+
76+
77+ !\[ Live Code Editor] ( screenshots/home.png )
78+
79+
80+
81+ ---
82+
83+
84+
85+ \# # How to Run the Project
86+
87+
88+
89+ 1\. Clone the repository:
90+
91+ ``` bash
92+
93+ git clone https://github.com/mrmushtaq/Web-Engineering-Project-Live-Code-Editor-of-HTML-CSS-JS.git
94+
95+
96+
You can’t perform that action at this time.
0 commit comments