teleren/devto huggingface dataset:
DevOps Interview:Absolute path and Relative path in Linux
Tags: devops, devopsinterview, sitereliabilityengineer, linux
Published: 2023-11-17 02:48:08


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s3wpcd6vgu4qv44chqs0.png)
**Absolute path:**
Absolute path is the path of any files or folders with respect to root directory (/) of the file system. It is always same.
e.g.- 1. /home/user/ec2-user/samplefile.txt → notice that it’s starting from “/” means root directory.
      2. /etc/passwd
hence, you can say it’s a complete path of any file or folder.

**Relative path:**

Relative path is the path of any file or folder with respect to current working directory. As it’s name suggests “Relative” means there is comparison with current working directory.
e.g.- lets say current directory is “/home/user/ec2-user/documents/” (to find the path of current working directory, you can use “pwd” command)
1. ../../ec2-user/documents/doc1.txt

hence, you can say relative path is used to denote files or folders that is present in same directory as the current working directory.

**Now, you have got idea about both types of path. So, let’s check the differences on different metrics.**

1. Absolute path always strarts from “/” root directory. But, 
   relative path doesn’t.
2. Absolute path is always same irespective to current directory. 
   But, relative path depends on current directory.
3. Absolute path is used to access files or folders from anywhere 
   in system. But, relative path is used to access from current 
   directory.
4. Absolut path may be lengthy when there are more 
   subdirectories. Relative path is precise and efficient.
5. Absolute path is more explicit than relative path. It is easy 
   to read absolute path and understand the flow.

Hope you enjoyed it!!
The react pokedex project
Published: 2023-11-17 02:43:18

The final project of the front end web dev course with Academy Xi was to create a web app using react. There were a few requirements that also needed to be fulfilled to ensure that the knowledge that we learnt from the course was applied.

## Requirements

1. Create a single page application using create-react-app
2. Have 5 components to ensure the code is organised
3. Use React Router to have at least 3 client-side routes
4. Include a nav bar or other UI navigation elements
5. Use a json-server to create a RESTful API for the backend
6. Add some styling to make it aesthetically pleasing

## Starting off
Having just finished the phase 1 project which was using javascript to connect and fetch data from the pokemon API - I wanted to use that previous knowledge to my advantage.

I decided to create a new pokedex app but this time using react. During our online sessions we had discussed using hooks to add and remove entries from our db.json file to act as a favourites section.

My initial plan was to get the external smogon json movesets for each pokemon and apply that to each card for the pokemon. Allowing users to view competitive battle sets and save them for later. However my ambition got the best of me and ended delaying the final product where I had scrapped that functionality entirely.

## Closing remarks
In the next post I'll go through my planning phase and how I set up the app initially and the styling choices I ended up going with.
What is an IDE? + Meaning
Tags: webdev, tutorial, beginners
Published: 2023-11-17 02:33:06

IDE can refer to an integrated development environment, which is a software application that helps programmers develop software code. IDEs combine tools like editing, building, testing, and packaging into a single application. This increases developer productivity.

What is an IDE used for?

An IDE is used to help programmers develop software code. IDEs combine common activities of writing software into a single application.
Should students have coding and cybersecurity classes at school if AI takes over?
Tags: school, ai, coding, cybersecurity
Published: 2023-11-17 01:46:25

Yes! Students should have coding and cybersecurity classes at school even in the future where AI plays a more dominant role in technology.

Coding skills are foundational for understanding how software, including AI applications, is developed. A basic understanding of coding principles helps students comprehend the inner workings of AI systems. Coding and Cybersecurity jobs won't be over in the near future. AI must still be maintained and controlled before being a dominant source. Coding and Cybersecurity can help with that. Coding skills also open a wide variety of jobs, such as software engineering, data science, and much more!

Learning about Cybersecurity is essential in a world extensively online. Learning about Cybersecurity can help comprehend and better value personal information online. While AI may automate certain tasks, human skills such as creativity, critical thinking, and problem-solving will remain crucial. Coding and cybersecurity classes contribute to the development of these skills, helping students remain relevant in the job market.

In summary, coding and cybersecurity classes offer students a well-rounded set of skills that extend beyond specific technologies or job roles.
[#buildInPublic] Starting My Second Microsaas 🚀👨‍💻️
Tags: saas, buildinpublic, startup, development
Published: 2023-11-17 01:36:16

Oops! John here ✌️

This is my first post here in the community and I intend to share with you my experience developing a simple **habit management** application focused on **bigger goals**. The idea is for the user to launch which habits he will perform along with what goal he has with these habits.

At the time of writing this post I'm updating my account on [X](https://twitter.com/joaolandino), as I've never had much interest in browsing there, but as I want to do a #buildInPublic, I believe it will be a good post on this network since at first I will only make posts in text and image format.

## Who am I
As I said, my name is João :)
I've been working with web development for about 15 years and I'm currently a tech lead on the front-end team at a cool HR technology startup.
I have two main goals building microsaas:
1) 🧠 It's an excellent opportunity to acquire knowledge in new technologies, things that are in the hype, good practices, products, etc... Something that I will take with me for the rest of my life and lessons that I will also implement in my daily work day.
2) 🍷 Extra income for weekend wine.

## Development
The stack I will use is Flutter due to the ease of developing for multiple platforms. The app will be available for Android, IOS and Web, I don't know yet if I will make it available for desktop...
Authentication will be performed by Firebase Auth, and data storage will be local for free users, and for paying users it will be Firestore :)

If you are thinking about creating a microsaas too, I highly recommend this stack as it is very simple to implement 🎉

I confess that I already tried to start this app about 4 days ago, and the design of the app is something that really bothers me! I've already done and redone my home about 10 times lol

Now I'm planning to build a minimalist screen and we'll add more features over time. Today I'm only going to work on the habit list screen, as I don't have much time to develop them. (work is busy!)

Today's post was just an introduction, in the next few days I'll bring you updates here and on [X](https://twitter.com/joaolandino).


Strong hug!



## Networks
Follow me on **X** to follow this journey! https://twitter.com/joaolandino
**Linkedin:** https://www.linkedin.com/in/joaopaulohildebrandlandino/
**Instagram:** https://www.instagram.com/joaolandino/
**Email:** [joaopaulohildebrand@gmail.com](mailto:joaopaulohildebrand@gmail.com)
Sip, Savor, and Soak in History: Kape Catorce's Cozy Haven for Coffee Connoisseurs
Published: 2023-11-17 01:27:59

The cozy and inviting ambiance provides an ideal environment for relaxation, allowing you to fully appreciate each sip of your drink while indulging in the cultural delicacies that the café has to offer.   [Kape Catorce](https://kapecatorce.com/) offers a memorable coffee experience that combines history and innovation, whether you're looking for a place to meet friends or enjoy some solitude.
Now Install WordPress Just in seconds!
Published: 2023-11-17 01:25:26

Now you can install WordPress just in seconds💥, without any hassle to make an environment for WordPress installation on a local machine! 

WordPress makes it easy for you! 

As you are familiar with WordPress, what do you need to install WordPress on your local machine? 

- Server 
- Database
- PHP 
- WordPress download 
- Unzip and install
- Database connection
- Login and more 😪 

But now with the power of Node JS, yes Node JS, you can install WordPress just in seconds!

If you don't have Node JS, you first need Node JS on your computer. Then run command

```bash
npm i @wp-now/wp-now
```

This command will download node_modules and package.json files. After that, run the command

```bash
wp-now start
```

This command will download WordPress and SQLite database to your computer as this project uses SQLite for fast forward. This may take a little bit of time depending on your internet speed.

But after a few seconds, you will see redirect to browser to have WordPress running! 🎉 

The entire project running virtually here! If you close the command prompt or run `ctrl + c`, then the project will stop working, just like a React project! but if you run again `wp-now start` then you see the WordPress run again! 

In this virtual WordPress project, you can do as like you do in a controlled environment, like installing themes and plugins! 

You may be wondering where these files and folders coming from! When you run those commands, WordPress creates a virtual folder ".wp-now" in your computer user account, where all themes and plugins will be stored. 

You can find this folder as, `C:\Users\{username}\.wp-now\`

Thanks for reading, if you like share this post with your WordPress ninja teammates! 

---

Sources: [wp-now: Launch a Local Environment in Seconds](https://developer.wordpress.com/2023/05/23/wp-now-launch-a-local-environment-in-seconds/?fbclid=IwAR0UudBiWAt8NHchl1AnFBKdFQLoL2uBWc-b2Hu70zr2RrmvMt5NdMkod94)
How to market a new born Startup | Discuss
Tags: discuss, startup, marketing, bussiness
Published: 2023-11-17 01:11:33

Hello, everyone! We have recently launched our startup, [Freeflow](https://freeflow.to).

Currently, we are figuring out how to promote it. What is the best way to reach potential customers?

I would be more than happy if you could suggest some ideas :)

Freeflow is a design feedback and management tool.

I'm also requesting you to try our beta version and provide feedback.

Here is the link: 
[https://freeflow.to/](https://freeflow.to/) 
[https://app.freeflow.to/](https://app.freeflow.to/)
[https://freeflow-stage.vercel.app/](https://freeflow-stage.vercel.app/)
Hire a Recovery Specialist 2023 Canada/ GearHead Engineers
Published: 2023-11-17 01:09:22

We've all had those heart-stopping moments when we realise we've accidentally lost something valuable. But what happens when that valuable item is not a pair of earrings or a wallet, but your hard-earned bitcoins? Digital wallets, despite their convenience, are not immune to mishaps. From accidental deletions to hacking incidents, the vulnerability of digital wallets can leave Bitcoin owners in a panic. With the increasing popularity of cryptocurrencies, the demand for bitcoin recovery services has also soared. Just as you would hire a locksmith to pick a lock or a plumber to fix a leak, the need for experts in retrieving lost bitcoins has become crucial. Connect with GearHead Engineers Org – the heroes of the digital world, here to save the day and recover your precious coins. Visit gearheadengineers . org or email: gearhead @ engineer . com for more information.
Validación de tokens de reCAPTCHA en Lambda de AWS
Tags: node, aws, recapcha, español
Published: 2023-11-17 01:01:00

El reCAPTCHA de Google es una herramienta que ayuda a proteger tus sitios web y aplicaciones de spam y ataques automatizados. Cuando se implementa en el frontend, el reCAPTCHA genera un token que el usuario debe proporcionar al backend para validar que es un usuario humano.

En este artículo, veremos cómo validar un token de reCAPTCHA en una Lambda de AWS.

Pasos previos

Antes de comenzar, necesitamos crear los siguientes recursos:

Un proyecto de Node.js
La dependencia axios
Una variable de entorno RECAPTCHA_SECRET_KEY en la Lambda
Para crear un proyecto de Node.js, podemos usar el siguiente comando:
`pnpm init`

Para instalar axios, podemos usar el siguiente comando:
`pnpm install axios`

Para crear la variable de entorno RECAPTCHA_SECRET_KEY, podemos ir a la configuración de la Lambda y agregar la siguiente entrada:

KEY=RECAPTCHA_SECRET_KEY
VALUE=secret_key_here


Código de la Lambda

El siguiente código muestra cómo validar un token de reCAPTCHA en una Lambda:

```javaScript
const axios = require("axios");

exports.handler = async (event) => {
  try {
    const { token } = JSON.parse(event.body);
    if (!token) {
      return {
        statusCode: 400,
        body: JSON.stringify({ message: "No token provided" }),
      };
    }

    const secret = process.env.RECAPTCHA_SECRET_KEY;
    const url = `https://www.google.com/recaptcha/api/siteverify?secret=${secret}&response=${token}`;

    const response = await axios.get(url, {
      timeout: 5000,
    });

    if (!response.data) {
      return {
        statusCode: 500,
        body: JSON.stringify({ message: "Error fetching reCAPTCHA response" }),
      };
    }

    const { success } = response.data;

    if (!success) {
      return {
        statusCode: 400,
        body: JSON.stringify({ message: "Invalid token" }),
      };
    }

    return {
      statusCode: 200,
      body: JSON.stringify({ success }),
    };
  } catch (error) {
    return {
      statusCode: 500,
      body: JSON.stringify({ message: error.message }),
    };
  }
};
```

Lo que realiza el código seria lo siguiente:

Primero, el código verifica si el token está presente en el evento de entrada. Si no lo está, devuelve un error.
Luego, el código obtiene el secreto de reCAPTCHA de la variable de entorno.
A continuación, el código crea una URL para la API de verificación de reCAPTCHA.
Luego, el código envía una solicitud GET a la API de verificación de reCAPTCHA.
Finalmente, el código comprueba la respuesta de la API. Si la respuesta indica que el token es válido, el código devuelve un código de estado 200. Si la respuesta indica que el token no es válido, el código devuelve un código de estado 400.
React Markdown Editor with real-time preview
Tags: markdown, editor
Published: 2023-12-06 09:27:57

---
title: React Markdown Editor with real-time preview
published: true
date: 2023-11-17 00:54:00 UTC
tags: Markdown,Editor
canonical_url: https://reactjsexample.com/react-markdown-editor-with-real-time-preview/
---

# Markdown Editor with React and Tailwind CSS
 ![React Markdown Editor with real-time preview](https://reactjsexample.com/content/images/2023/11/Code_2023-11_18-49-11.jpg)

This Markdown editor built with React and Tailwind CSS allows users to write, edit, and preview markdown in real-time. It features a split view with an editor and a previewer.

## Project Structure

The project consists of the following main components:

### 1. App Component (`App.tsx`)

- Manages the state for the current tab (Editor/Previewer) and the markdown code.
- Uses the `Editor`, `Head`, and `Previewer` components.

### 2. Editor Component (`Editor.tsx`)

- Renders a textarea for markdown editing.
- Communicates with the parent `App` component to update the markdown code.

### 3. Head Component (`Head.tsx`)

- Provides the header with tab-switching functionality between Editor and Previewer.
- Manages the current active tab and communicates with the parent `App` component.

### 4. Previewer Component (`Previewer.tsx`)

- Renders a preview of the markdown using `ReactMarkdown` and `remark-gfm` for GitHub-flavored markdown.

## Getting Started

1. Clone the repository.
2. Install dependencies with `npm install`.
3. Run the app with `npm run start`.

## Technologies Used

- React
- Tailwind CSS
- ReactMarkdown
- remark-gfm (GitHub-flavored markdown)

## Preview

![React Markdown Editor with real-time preview](https://user-images.githubusercontent.com/138557075/282324375-c295b2ad-2b6a-4343-9e68-b43c4e7fee27.png) ![React Markdown Editor with real-time preview](https://user-images.githubusercontent.com/138557075/282324382-83ce29f8-d0a9-4d1d-a09f-a04e6d33a0d2.png) ![React Markdown Editor with real-time preview](https://user-images.githubusercontent.com/138557075/282324381-dbc31a50-19f4-4e9a-ac3f-2e7bbe8f6d33.png) ![React Markdown Editor with real-time preview](https://camo.githubusercontent.com/998dbecc8da2b58f0a0c42cb286fffe45f9de9f701d73de5a25a651bd6877831/68747470733a2f2f76696b72616d2d70617261736861722e6769746875622e696f2f6d61726b646f776e2d7072657669657765722f)

## GitHub

[View Github](https://github.com/vikram-parashar/markdown-previewer?ref=reactjsexample.com)
activate [windows using cmd]
Published: 2023-11-17 00:34:58

**open cmd and run:**
slmgr /ipk ***-***-***-***-***
slmgr /skms kms.digiboy.ir      
slmgr /ato

**select you key to add on first command:**
Windows 10 Home: 			TX9XD-98N7V-6WMQ6-BX7FG-H8Q99
Windows 10 Home N: 		3KHY7-WNT83-DGQKR-F7HPR-844BM
Windows 10 Home Single Language: 	7HNRX-D7KGG-3K4RQ-4WPJ4-YTDFH
Windows 10 Home Country Specific: 	PVMJN-6DFY6-9CCP6-7BKTT-D3WVR
Windows 10 Professional: 		W269N-WFGWX-YVC9B-4J6C9-T83GX
Windows 10 Professional N: 		MH37W-N47XK-V7XM9-C7227-GCQG9
Windows 10 Enterprise: 		NPPR9-FWDCX-D2C8J-H872K-2YT43
Windows 10 Enterprise N: 		DPH2V-TTNVB-4X9Q3-TJR4H-KHJW4
Windows 10 Education: 		NW6C2-QMPVW-D7KKK-3GKT6-VCFB2
Windows 10 Education N: 		2WH4N-8QGBV-H22JP-CT43Q-MDWWJ
Windows 10 Enterprise 2015 LTSB: 	M7XTQ-FN8P6-TTKYV-9D4CC-J462D
🚀 Software Developer & Outdoor Enthusiast 🏄‍♂️🏔️🏊
Published: 2023-11-15 10:17:33

---
title: 🚀 Software Developer & Outdoor Enthusiast 🏄‍♂️🏔️🏊 
published: true
description: My introduction to the community
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-11-15 10:15 +0000
---

Hey there, fellow devs! I'm Tom, a passionate software developer who finds solace in the rhythm of coding and the thrill of outdoor adventures. When I'm not immersed in lines of code, you can catch me riding waves, exploring mountain trails, or training for my next triathlon.

👨‍💻 My Dev Journey:
I've transformed this Dev.to account into my personal engineering diary. Here, I chronicle the highs and lows of my coding escapades, sharing the lessons learned along the way. It's a virtual space where I dissect challenges, celebrate victories, and reflect on the ever-evolving landscape of software development.

📖 What to Expect:
While this diary is primarily my digital haven for personal growth, I hope you find snippets of my journey insightful. If my experiences resonate with you or help navigate your own coding odyssey, that's the bonus! Let's embark on this coding adventure together.

Connect with me for discussions on coding, the great outdoors, or the perfect post-triathlon recovery meal. See you in the digital realm!
How Do You Stay Fit As A Busy Tech Professional?
Tags: watercooler, exercise, fitness, wellness
Published: 2023-11-17 00:10:46

How do you stay fit as a busy tech professional?  Let's face it, whether you work onsite, hybrid, or remote, most of your day is spent working.  However, it is possible to stay fit and it does not take as much time as you think.

**I would like to know about how you stay in shape.**

_How many days a week do you workout?_

_What type of exercise do you do?_ For example resistance training, cardiovascular, calisthenics, yoga, pilates, and so on.

_How do you stay motivated?_

**_How many days a week do I workout?_**

I lift weights 4-5 times a week.  For remaining 2 to 3 days of the week I do cardio for 30-60 min (or take a day off).   

**_What type of Exercise do I do?_**

I do an upper/lower split with an optional arm day (plus cardio and abs).  Each lifting day is followed by 0-60 min of cardio depending on my schedule.  The weight training portion only takes 45-60 min.

Lower day 1: 

- Barbell Squat (4 sets)
- Calf extension on leg press machine (4-5 sets)
- Superset:  seated hamstring curls (3 sets) with leg extensions (3 sets)
- Romanian deadlift (3 sets)

Upper day 1:

- Pull ups (3 sets)
- Superset: Bench press (4 sets) with row variation (4 sets)
- Superset: Incline dumbbell press (3 sets) with lat pulldown (3 sets)
- Dumbbell lateral shoulder raise (3 sets)
- Face pulls (3 sets)

Lower day 2: 

- Conventional deadlift (workup to heavy single)
- Calf extension on leg press machine (4-5 sets)
- Leg press (3 sets) or lunge variation (3 sets)
- Superset:  seated hamstring curls (3 sets) with leg extensions (3 sets)
- Romanian deadlift (3 sets)

Upper day 2:

- Pull ups (3 sets)
- Superset: Smith machine shoulder press (3 sets) with lat pulldown (3 sets)
- Superset: Smith machine incline press (3 sets) with row variation (3 sets)
- Dumbbell lateral shoulder raise (3 sets)
- Cable rear deltoid fly (3 sets)

Optional arm day:

- Chin-ups: 3 sets
- Dips: 3 sets
- Superset: bicep curl variation 1 (3-4 sets) with tricep extension variation 1 (3-4 sets)
- Superset: bicep curl variation 2 (3 sets) with tricep extension variation 2 (3 sets)

I aim for at least 150 min of zone 2 cardio a week.  A brisk walk does count.

**_How do I stay motivated?_**

While I am working out I listen to high energy music.  Lately it has been K-pop.
I make it to the gym most days because it is a habit.  Its not really dependent on motivation anymore.

Feel free to share your fitness routine with me.
What Can We Learn from Billionaires & Icons?
Tags: discuss
Published: 2023-11-17 00:00:00

---
published_at : 2023-11-17 00:00 +0000
---
From the lives and experiences of billionaires and icons, what valuable lessons, habits, or principles can be applied to our personal and professional lives? Share your thoughts on the wisdom we can gain.
<br>
Follow the DEVteam for more discussions and online camaraderie! {% embed https://dev.to/devteam %}
The Ultimate Guide to Money Earning Apps for Mobile Devices
Tags: technology, finance, crypto
Published: 2023-10-09 03:04:23

---
title: The Ultimate Guide to Money Earning Apps for Mobile Devices
published: true
date: 2023-11-17 00:00:00 UTC
tags: Technology,Finance,Crypto
canonical_url: https://simeononsecurity.ch/other/ultimate-guide-money-earning-apps-mobile-devices/
---

Explore a diverse range of money earning apps for mobile devices that offer passive income opportunities.

[https://simeononsecurity.ch/other/ultimate-guide-money-earning-apps-mobile-devices/](https://simeononsecurity.ch/other/ultimate-guide-money-earning-apps-mobile-devices/)
How Do You Get Respect?
Tags: discuss, codenewbie, beginner
Published: 2023-11-17 00:00:00

---
published_at : 2023-11-17 00:00 +0000
---
As a CodeNewbie, how do you approach gaining respect in the coding community? Share your experiences and strategies for earning recognition and respect from fellow developers.
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}