code-differently · Nelshulla · Mar 27, 2024 · Apr 3, 2024 · Apr 3, 2024 · Mar 27, 2024
diff --git a/lesson_15/ts-node-express/package-lock.json b/lesson_15/ts-node-express/package-lock.json
diff --git a/lesson_15/ts-node-express/package.json b/lesson_15/ts-node-express/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "ts-node-express",
+  "version": "1.0.0",
+  "main": "src/index.js",
+  "scripts": {
+    "build": "npx tsc",
+    "start": "node dist/index.js",
+    "dev": "nodemon src/index.ts"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "dotenv": "^16.4.5",
+    "express": "^4.19.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/node": "^20.10.3",
+    "nodemon": "^3.1.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.3.2"
+  }
+}
diff --git a/lesson_15/ts-node-express/public/images b/lesson_15/ts-node-express/public/images
@@ -0,0 +1,3 @@
+https://www.technology-innovators.com/wp-content/uploads/2023/05/Virtual-Reality-Gaming-The-Evolution-of-Immersive-Entertainment-min.jpg
+
+https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6cc57686-5c3b-4158-b341-1ca16d48c82d/dcj8ncn-c33edf0f-eb4d-41e7-b291-276d5b047e52.jpg/v1/fill/w_1024,h_576,q_75,strp/anime_character_collage_by_diamondj3474_dcj8ncn-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvNmNjNTc2ODYtNWMzYi00MTU4LWIzNDEtMWNhMTZkNDhjODJkXC9kY2o4bmNuLWMzM2VkZjBmLWViNGQtNDFlNy1iMjkxLTI3NmQ1YjA0N2U1Mi5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.2IO4ZLwR5faiZZ0U7OCB_WHmLmVh2kcObgHCv4275uE
diff --git a/lesson_15/ts-node-express/public/index.html b/lesson_15/ts-node-express/public/index.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JadaW1</title>   
+</head>
+<body>
+    <h1 id="howtoworkwithjada">How to work with Jada!</h1>
+    <hr> <!-- Horizontal line under the heading -->
+
+<h2 id="workhours">Work Hours 🕒</h2>
+<hr> <!-- Horizontal line under the heading -->
+
+<p>Hey there! Thanks for stopping by. Here's a quick rundown of my work hours and preferred communication times:</p>
+
+<ul>
+<li><p><strong>Working Hours:</strong> Monday to Friday, 9:00 AM to 5:00 PM</p></li>
+
+<li><p><strong>Meetings:</strong> I'm most productive in the mornings, so I prefer scheduling meetings after 10:00 AM or in the early afternoon, ideally after lunch.</p></li>
+
+<li><p><strong>Availability:</strong> You can always reach me via email 24/7. However, for phone calls, please note that I'm available between 8:00 AM and 4:00 PM.</p></li>
+</ul>
+
+<p>Feel free to drop me an email anytime, and I'll get back to you as soon as possible. Looking forward to collaborating with you!</p>
+
+<h3 id="whatsthebestwaytocommunicatewithme">What’s the best way to communicate with me?</h3>
+
+<p>The best way to comunicate with me is through email or LinkedIn</p>
+
+<p>If I don’t respond, I'm ignoring you... <strong>LOL JK</strong>, Try again during my work hours when I'm more likely responding to emails and notifications.</p>
+
+<h3 id="whatmakesmegrumpy">What makes me grumpy?</h3>
+
+<p>*I don't have much that makes me grumpy, normally if I didn't get enough sleep then I might turn into a zombie, but for the most part, I'm laid back</p>
+
+<h2 id="hobbiesandinterests">Hobbies and Interests 🎮✈️🏋️‍♂️</h2>
+<hr> <!-- Horizontal line under the heading -->
+
+<p><em>Welcome to my world of hobbies and interests! Here's a glimpse into what I enjoy doing in my free time:</em></p>
+
+<ul>
+<li><p><strong>Workouts:</strong> I'm passionate about staying fit and healthy, so you'll often find me hitting the gym or going for a run to keep active.</p></li>
+
+
+<li><p><strong>Virtual Reality Gaming:</strong> I'm a huge fan of VR gaming! Whether it's exploring immersive worlds or battling foes in virtual reality, I love diving into the exciting realm of mixed reality gaming.</p></li>
+</ul>
+
+<div style="max-width: 100%;"> 
+    <img src="https://www.technology-innovators.com/wp-content/uploads/2023/05/Virtual-Reality-Gaming-The-Evolution-of-Immersive-Entertainment-min.jpg" alt="Vr">
+  </div> 
+<ul>
+<li><p><strong>Travel:</strong> Exploring new places and experiencing different cultures is a true joy for me. From backpacking adventures to city escapes, I'm always eager to embark on new travel adventures.</p></li>
+
+    <li><p><strong>Anime:</strong> I'm a big anime enthusiast! Whether it's action-packed shonen series or heartwarming slice-of-life stories, I enjoy immersing myself in the captivating worlds of anime.</p></li>
+</ul>
+
+<p><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6cc57686-5c3b-4158-b341-1ca16d48c82d/dcj8ncn-c33edf0f-eb4d-41e7-b291-276d5b047e52.jpg/v1/fill/w_1024,h_576,q_75,strp/anime_character_collage_by_diamondj3474_dcj8ncn-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvNmNjNTc2ODYtNWMzYi00MTU4LWIzNDEtMWNhMTZkNDhjODJkXC9kY2o4bmNuLWMzM2VkZjBmLWViNGQtNDFlNy1iMjkxLTI3NmQ1YjA0N2U1Mi5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.2IO4ZLwR5faiZZ0U7OCB_WHmLmVh2kcObgHCv4275uE" alt="anime" /></p>
+
+<p>Feel free to reach out if you share any of these interests or if you have any recommendations for must-visit travel destinations or top-notch VR games to try out!</p>
+
+<h2 id="howiliketoreceivefeedback">How I Like to Receive Feedback 📝</h2>
+<hr> <!-- Horizontal line under the heading -->
+
+<p>Feedback is a crucial part of growth and improvement, and I welcome it with open arms. Here's how I prefer to receive feedback:</p>
+
+<ul>
+<li><p><strong>Constructive Criticism:</strong> I value honest and constructive feedback that helps me identify areas for improvement and grow professionally.</p></li>
+
+
+<li><p><strong>Specificity:</strong> The more specific and detailed the feedback, the better! It helps me understand exactly what I can do to enhance my performance or skills.</p></li>
+
+
+<li><p><strong>Timely Delivery:</strong> Timely feedback is key to making meaningful adjustments and progress. Whether it's positive reinforcement or areas for improvement, I appreciate feedback in a timely manner.</p></li>
+
+
+<li><p><strong>Open Dialogue:</strong> I believe in open and transparent communication. I'm always open to discussing feedback further, asking questions, and clarifying any points to ensure mutual understanding.</p></li>
+
+
+<li><p><strong>Respectful and Supportive Tone:</strong> Feedback delivered with respect and empathy fosters a positive learning environment. I value feedback that is delivered with a supportive tone and focuses on growth rather than criticism.</p></li>
+</ul>
+
+<p>Feel free to share your feedback with me anytime. Your insights are invaluable in helping me reach my full potential!</p>
+
+<h3 id="oneofmygoalsforthecomingyear">One of my goals for the coming year:</h3>
+
+<p>*To work from home and abroad</p>
+
+<h2 id="topicsimalwayshappytotalkabout">Topics I'm Always Happy to Talk About 💻✈️</h2>
+<hr> <!-- Horizontal line under the heading -->
+
+<p>I'm passionate about a variety of subjects, but there are two topics that always light up my day and spark engaging conversations:</p>
+
+<ul>
+<li><p><strong>Technology:</strong> From the latest gadgets and innovations to coding languages and tech trends, I'm always eager to dive into discussions about all things tech. Whether it's sharing insights, exchanging ideas, or geeking out over new developments, count me in for tech talks anytime!</p></li>
+
+
+<li><p><strong>Traveling:</strong> Exploring new destinations, sharing travel stories, and exchanging tips and recommendations – traveling is a topic close to my heart. Whether it's backpacking adventures, city escapes, or cultural immersions, I love discussing travel experiences and discovering hidden gems around the world.</p></li>
+</ul>
+
+<p>Feel free to strike up a conversation about technology or traveling anytime! I'm always up for sharing experiences, learning new things, and connecting with fellow enthusiasts.</p>
+
+<h3 id="otherthingsyoumightwanttoknow">Other things you might want to know:</h3>
+
+<ul>
+<li><p><em>My favorite baked good: Croissants &amp; Sweet Potatoe pie</em></p></li>
+
+<li><p><em>I've been vegan for 7 years!</em></p></li>
+
+<li><p><em>I'm a cat person</em></p></li>
+
+<li><p><em>My favorite GIF:</em></p></li>
+</ul>
+
+<p><img src="https://c.tenor.com/MUxPw8oToMAAAAAC/tenor.gif" alt="Side Eye" /></p>
+</body>
+</html>
diff --git a/lesson_15/ts-node-express/src/index.js b/lesson_15/ts-node-express/src/index.js
@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const express = require("express");
+const dotenv = require("dotenv");
+
+dotenv.config();
+const app = express();
+
+const port = process.env.PORT || 3000;
+
+app.get("/", function (req, res) {
+    res.send("Express + TypeScript Server");
+});
+
+app.listen(port, function () {
+    console.log("[server]: Server is running at http://localhost:".concat(port));
+});
diff --git a/lesson_15/ts-node-express/src/index.ts b/lesson_15/ts-node-express/src/index.ts
@@ -0,0 +1,13 @@
+import express, { Express, Request, Response } from "express";
+import dotenv from "dotenv";
+import { Domain } from "domain";
+
+dotenv.config();
+
+const app: Express = express();
+app.use(express.static('Public'));
+const port = process.env.PORT || 3000;
+
+app.listen(port, () => {
+  console.log(`[server]: Server is running at http://localhost:${port}`);
+});
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		https://www.technology-innovators.com/wp-content/uploads/2023/05/Virtual-Reality-Gaming-The-Evolution-of-Immersive-Entertainment-min.jpg

		https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6cc57686-5c3b-4158-b341-1ca16d48c82d/dcj8ncn-c33edf0f-eb4d-41e7-b291-276d5b047e52.jpg/v1/fill/w_1024,h_576,q_75,strp/anime_character_collage_by_diamondj3474_dcj8ncn-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvNmNjNTc2ODYtNWMzYi00MTU4LWIzNDEtMWNhMTZkNDhjODJkXC9kY2o4bmNuLWMzM2VkZjBmLWViNGQtNDFlNy1iMjkxLTI3NmQ1YjA0N2U1Mi5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.2IO4ZLwR5faiZZ0U7OCB_WHmLmVh2kcObgHCv4275uE