npm - depd-v2 - Versions diffs - 1.0.0 - Mend

depd-v2 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/calculator/index.html +270 -0
package/chat/index.html +31 -0
package/chat/server.js +24 -0
package/chat-react/.oxlintrc.json +8 -0
package/chat-react/README.md +16 -0
package/chat-react/index.html +13 -0
package/chat-react/package-lock.json +1386 -0
package/chat-react/package.json +23 -0
package/chat-react/public/favicon.svg +1 -0
package/chat-react/public/icons.svg +24 -0
package/chat-react/src/App.css +184 -0
package/chat-react/src/App.jsx +59 -0
package/chat-react/src/assets/hero.png +0 -0
package/chat-react/src/assets/react.svg +1 -0
package/chat-react/src/assets/vite.svg +1 -0
package/chat-react/src/index.css +111 -0
package/chat-react/src/main.jsx +10 -0
package/chat-react/src/server.js +23 -0
package/chat-react/vite.config.js +7 -0
package/food-delivery/.oxlintrc.json +8 -0
package/food-delivery/README.md +16 -0
package/food-delivery/index.html +13 -0
package/food-delivery/package-lock.json +2233 -0
package/food-delivery/package.json +24 -0
package/food-delivery/public/favicon.svg +1 -0
package/food-delivery/public/icons.svg +24 -0
package/food-delivery/src/App.css +184 -0
package/food-delivery/src/App.jsx +157 -0
package/food-delivery/src/assets/hero.png +0 -0
package/food-delivery/src/assets/react.svg +1 -0
package/food-delivery/src/assets/vite.svg +1 -0
package/food-delivery/src/index.css +111 -0
package/food-delivery/src/main.jsx +10 -0
package/food-delivery/src/server.js +74 -0
package/food-delivery/vite.config.js +7 -0
package/health-tracker/.oxlintrc.json +8 -0
package/health-tracker/README.md +16 -0
package/health-tracker/index.html +13 -0
package/health-tracker/package-lock.json +1386 -0
package/health-tracker/package.json +23 -0
package/health-tracker/public/favicon.svg +1 -0
package/health-tracker/public/icons.svg +24 -0
package/health-tracker/src/App.css +184 -0
package/health-tracker/src/App.jsx +117 -0
package/health-tracker/src/assets/hero.png +0 -0
package/health-tracker/src/assets/react.svg +1 -0
package/health-tracker/src/assets/vite.svg +1 -0
package/health-tracker/src/index.css +111 -0
package/health-tracker/src/main.jsx +10 -0
package/health-tracker/vite.config.js +7 -0
package/lab1/index.html +237 -0
package/lab1b/index.html +52 -0
package/lab1b/style.css +72 -0
package/lab2/index.html +46 -0
package/package.json +16 -0

package/lab1/index.html ADDED Viewed

@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>TechCon'2026</title>
+    <style>
+        body {
+            font-family: Arial;
+            margin: 0;
+            background: #f4f4f4;
+        }
+        header {
+            background: #250;
+            color: white;
+            text-align: center;
+            padding: 25px;
+        }
+        nav {
+            background: #444;
+            padding: 12px;
+            text-align: center;
+            box-shadow: 5px 5px 10px 10px;
+        }
+        nav a {
+            color: white;
+            margin: 15px;
+            text-decoration: none;
+            font-weight: bold;
+        }
+        nav a:hover {
+            color: red;
+        }
+        section {
+            padding: 30px;
+            margin: 20px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 5px 10px 10px 10px;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+            box-shadow: 5px 10px 10px 10px;
+        }
+        th,
+        td {
+            border: 1px solid gray;
+            padding: 10px;
+            text-align: center;
+        }
+        th {
+            background: #0077cc;
+            color: white;
+        }
+        .speaker-container {
+            display: flex;
+            justify-content: space-around;
+            flex-wrap: wrap;
+        }
+        .speaker {
+            text-align: center;
+            margin: 20px;
+        }
+        .speaker img {
+            width: 150px;
+            height: 150px;
+            border-radius: 10%;
+            transition: 0.4s;
+        }
+        .speaker img:hover {
+            transform: scale(1.1);
+            box-shadow: 5px 5px 10px 5px;
+        }
+        input,
+        textarea {
+            width: 100%;
+            padding: 8px;
+            border: 1px solid gray;
+            border-radius: 5px;
+        }
+        button {
+            background: #0077cc;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+        button:hover {
+            background: #005fa3;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Welcome to TechCon - 2026</h1>
+        <p>The Ultimate Technology and Programming Conference</p>
+    </header>
+    <nav>
+        <a href="#about">About</a>
+        <a href="#schedule">Schedule</a>
+        <a href="#speakers">Speakers</a>
+        <a href="#contact">Contact</a>
+    </nav>
+    <section id="about">
+        <h2>About the Event</h2>
+        <p>
+            TechCon'2026 brings together leading minds in programming,
+            technology, and innovation. Join us for insightful talks,
+            hands-on workshops, and networking opportunities.
+        </p>
+    </section>
+    <section id="schedule">
+        <h2>Event Schedule</h2>
+        <table>
+            <tr>
+                <th>Time</th>
+                <th>Session</th>
+                <th>Speaker</th>
+            </tr>
+            <tr>
+                <td>9:00 AM</td>
+                <td>Opening Keynote</td>
+                <td>TechCon Team</td>
+            </tr>
+            <tr>
+                <td>10:30 AM</td>
+                <td>Understanding AI and Machine Learning</td>
+                <td>Mr. Arvind Kumar</td>
+            </tr>
+            <tr>
+                <td>1:00 PM</td>
+                <td>Lunch Break</td>
+                <td>-</td>
+            </tr>
+            <tr>
+                <td>2:00 PM</td>
+                <td>Future of Cloud Computing</td>
+                <td>Ms. Neha Gupta</td>
+            </tr>
+        </table>
+    </section>
+    <section id="speakers">
+        <h2>Meet the Speakers</h2>
+        <div class="speaker-container">
+            <div class="speaker">
+                <img src="https://randomuser.me/api/portraits/women/65.jpg">
+                <h3>Dr. Radhika Sharma</h3>
+                <p>AI Expert & Researcher</p>
+            </div>
+            <div class="speaker">
+                <img src="https://randomuser.me/api/portraits/men/32.jpg">
+                <h3>Mr. Arvind Kumar</h3>
+                <p>Senior Data Scientist</p>
+            </div>
+            <div class="speaker">
+                <img src="https://randomuser.me/api/portraits/women/45.jpg">
+                <h3>Ms. Neha Gupta</h3>
+                <p>Cloud Computing Specialist</p>
+            </div>
+            <div class="speaker">
+                <img src="https://randomuser.me/api/portraits/men/40.jpg">
+                <h3>Mr. Sandeep Reddy</h3>
+                <p>Full Stack Developer</p>
+            </div>
+        </div>
+    </section>
+    <section id="contact">
+        <center>
+            <h2>Contact Us</h2>
+        </center>
+        <form>
+            <label>Name</label><br>
+            <input type="text"><br><br>
+            <label>Email</label><br>
+            <input type="email"><br><br>
+            <label>Message</label><br>
+            <textarea rows="4"></textarea><br><br>
+            <button type="submit">Send</button>
+        </form>
+        <div class="Contact">
+            <h3>Call Us : info@techcon2026.com</h3>
+            <h3>Mobile : 9894455123</h3>
+        </div>
+    </section>
+    <center>
+        <footer>@CopyRights Reserved by TechCon'2025</footer>
+    </center>
+</body>
+</html>

package/lab1b/index.html ADDED Viewed

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Weather Dashboard</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="dashboard">
+        <header>
+            <h1>Weather Dashboard</h1>
+            <input type="text" placeholder="Search city..." class="search-box">
+        </header>
+        <div class="current-weather">
+            <h2>Chennai</h2>
+            <div class="temperature">32°C ◻</div>
+            <p>Sunny</p>
+        </div>
+        <div class="forecast">
+            <div class="card">
+                <h3>Mon</h3>
+                <p>30°C</p>
+                <p>◻</p>
+            </div>
+            <div class="card">
+                <h3>Tue</h3>
+                <p>29°C</p>
+                <p>◻</p>
+            </div>
+            <div class="card">
+                <h3>Wed</h3>
+                <p>31°C</p>
+                <p>◻</p>
+            </div>
+            <div class="card">
+                <h3>Thu</h3>
+                <p>28°C</p>
+                <p>◻</p>
+            </div>
+            <div class="card">
+                <h3>Fri</h3>
+                <p>30°C</p>
+                <p>⛅</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

package/lab1b/style.css ADDED Viewed

@@ -0,0 +1,72 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: Arial, sans-serif;
+}
+body {
+    background: linear-gradient(135deg, #4facfe, #00f2fe);
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.dashboard {
+    background: white;
+    width: 90%;
+    max-width: 700px;
+    border-radius: 15px;
+    padding: 20px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+}
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+.search-box {
+    padding: 8px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+.current-weather {
+    text-align: center;
+    margin-bottom: 20px;
+}
+.temperature {
+    font-size: 48px;
+    font-weight: bold;
+    margin: 10px 0;
+}
+.forecast {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px;
+}
+.card {
+    background: #f4f4f4;
+    padding: 15px;
+    border-radius: 10px;
+    text-align: center;
+    flex: 1;
+    transition: transform 0.3s;
+}
+.card:hover {
+    transform: scale(1.05);
+}
+@media (max-width: 600px) {
+    .forecast {
+        flex-direction: column;
+    }
+}

package/lab2/index.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Basic JavaScript Calculator</title>
+</head>
+<body>
+    <h2>Basic JavaScript Calculator</h2>
+    <input type="number" id="num1" placeholder="Enter first number">
+    <input type="number" id="num2" placeholder="Enter second number">
+    <br><br>
+    <button onclick="add()">Add</button>
+    <button onclick="subtract()">Subtract</button>
+    <button onclick="multiply()">Multiply</button>
+    <button onclick="divide()">Divide</button>
+    <h3 id="result">Result: </h3>
+    <script>
+        function add() {
+            let a = Number(document.getElementById("num1").value);
+            let b = Number(document.getElementById("num2").value);
+            document.getElementById("result").innerHTML = "Result: " + (a + b);
+        }
+        function subtract() {
+            let a = Number(document.getElementById("num1").value);
+            let b = Number(document.getElementById("num2").value);
+            document.getElementById("result").innerHTML = "Result: " + (a - b);
+        }
+        function multiply() {
+            let a = Number(document.getElementById("num1").value);
+            let b = Number(document.getElementById("num2").value);
+            document.getElementById("result").innerHTML = "Result: " + (a * b);
+        }
+        function divide() {
+            let a = Number(document.getElementById("num1").value);
+            let b = Number(document.getElementById("num2").value);
+            if (b == 0) {
+                document.getElementById("result").innerHTML = "Cannot divide by zero";
+            } else {
+                document.getElementById("result").innerHTML = "Result: " + (a / b);
+            }
+        }
+    </script>
+</body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "name": "depd-v2",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "dependencies": {
+    "ws": "^8.21.0"
+  }
+}