Added project live codepen Editor

Web Development/Intermediate/codepen/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

Web Development/Intermediate/codepen/README.md

@@ -0,0 +1,42 @@
+# Live CodePen Editor
+
+This is a React project that allows users to create and edit HTML, CSS, and JavaScript code live, similar to the functionality provided by CodePen. The editor provides instant feedback by rendering the code output as the user types.<br>
+
+[Here](https://livecodepeneditor.netlify.app/) is the deployed link of the project.
+
+## Features
+
+- **Live Editing:** Real-time editing of HTML, CSS, and JavaScript.
+- **Live Preview:** Instant preview of the code output.
+- **Syntax Highlighting:** Syntax highlighting for HTML, CSS, and JavaScript.
+- **Responsive Design:** Works on both desktop and mobile devices.
+
+## Screenshots
+![image](https://github.com/Arpcoder/Project-Guidance/assets/100352419/caf5a08a-3ecb-4fd8-94c8-62490c8fb726)
+
+---------------------------------------------------------------------------------
+
+![image](https://github.com/Arpcoder/Project-Guidance/assets/100352419/f7325144-3303-4b44-8422-202b9c8248d6)
+
+
+
+
+## How to get started
+- #### Clone the Repository
+    - First, you need to clone the repository to your local machine. Open your terminal and run the following command:
+
+               git clone https://github.com/username/repository-name.git
+
+- #### Navigate to the Project Directory:
+  - Open your terminal (Command Prompt, Git Bash, etc.) and run:
+
+          cd repository-name
+- #### Install Dependencies:
+  - React projects typically have dependencies listed in a package.json file. You need to install these dependencies using npm (or yarn if the project uses it). Run:
+
+           npm install
+
+- #### Start the Development Server:
+          npm start
+
+  #####  This will start the development server and open the React application in your default web browser.