teleren/devto huggingface dataset:
Exploring the Power of APIs: My Journey at the Postman API101 Workshop
Tags: postmanapi, postmanstudent
Published: 2023-12-17 05:07:02



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8b4h2qqhdlm7cdj1iu0a.jpg)

The Postman API101 Workshop wasn't just informative; it was a revelation. As a student navigating the complexities of technology, this workshop emerged as a guiding light, imparting essential knowledge crucial for my academic and professional journey.

The workshop commenced with a comprehensive introduction to APIs—an elucidation that made the seemingly intricate concept surprisingly accessible. The facilitator's clarity in explaining the fundamental aspects of APIs and the significance of Postman as a tool was commendable. The 'what' and 'why' behind APIs suddenly became crystal clear.

Unveiling the myriad benefits of APIs felt like unlocking a treasure trove. Learning how APIs revolutionize businesses, facilitate seamless communication between systems, and pave the way for innovation left me in awe. Understanding how they enable us to access a vast array of services and information became a eureka moment.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5gkcdpc354uhw6ganzw.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kg49muzmebzz13m8wzsf.png)
The practical session, however, was the highlight. Engaging with the Joke API was not just fun but immensely insightful. Getting hands-on experience in manipulating data by adding, updating, and deleting jokes was empowering. Exploring the functionalities of GET, POST, PUT, and DELETE methods in real-time was a true 'aha' moment.

Reflecting on the workshop, its significance for my academic and professional growth cannot be overstated. The hands-on experience solidified theoretical concepts, making them tangible. It wasn't merely a session; it was an expedition into the world of APIs—an expedition that has equipped me with invaluable skills for the future.

This workshop was not just about learning; it was about experiencing the transformative power of technology firsthand. It's safe to say; it has etched a lasting impression on my journey toward becoming proficient in the tech landscape.
How To Make Parallel API calls in VueJS Applications — Typescript Version
Tags: vue, typescript, javascript
Published: 2023-12-17 04:54:42


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pdyqnkjczvborryp9ks.png)



In web applications, all the data you show on the page should reside somewhere, for example, cache, database, storage account, etc. You need to fetch the data from the different sources and do some processing and then render the data on the UI. All the data can be accessed through APIs nowadays and most of the time the format would be in the JSON format.

Sometimes, making one API call is not enough you might need to get the data from different sources and these sources might be different APIs. We can make all the calls in parallel to decrease the latency of the application.

In this post, we will see how to make parallel API calls in Vue applications (written in typescript) using Fetch and Axios. You can do API calls with either of these.


- Prerequisites

- Example Project

- API Endpoints

- UI Implementation and Integration

- Call The APIs with Fetch and Promise.all

- Call The APIs with Axios and Promise.all

- Demo

- Summary

- Conclusion

There are some prerequisites for this article. You need to have NodeJS installed on your laptop and know-how HTTP works. If you want to practice and run this on your laptop you need to have these on your machine.

- [**NodeJS**](https://nodejs.org/en/)

- [**Vue CLI**](https://cli.vuejs.org/)

- [**VSCode**](https://code.visualstudio.com/)

- [**BootstrapVue**](https://bootstrap-vue.org/)

- **[Typescript](https://www.typescriptlang.org/)**

Please go through these links if you are new to web development and make sure you understand how UI and API work together.

How To Develop and Build Vue.js App With NodeJS

How To Make API calls in Vue.JS Applications

Example Project
Here is the example project in which we are making three API calls and combining them and loading the table. Those three calls take different times to complete.

// clone the project
git clone…
groupBy in JS
Tags: javascript
Published: 2023-12-17 04:08:30

Object.groupBy is a recently released method in JavaScript and it is a useful function for manipulating objects and collections. 

![code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzunsbjtbin76egurc6z.png)

![output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6ipkufpjuyu46dnb16p.png)

**Note**: We can pass a complex function as a parameter to the groupBy method for manipulation.

I will be posting tricks I have been using in my journey.
So follow me on [LinkedIn](https://www.linkedin.com/in/mohdahshandanish/).
Bandit Level 18 Level 19
Tags: ctf, writeup, overthewire, bandit
Published: 2023-12-17 03:40:31

# Introduction

 In this level, we'll learn about SSH connections, command execution, and file retrieval.

Before we dive into this level, let's review the flag we obtained in the previous challenge:

`hga5tuuCLF6fFzUpnagiMN8ssu9LFrdg`

### Step 1: SSH into the Server

Our first step is to SSH into the server. We'll use the following command to do so:

```
ssh bandit18@bandit.labs.overthewire.org -p 2220 -t '/bin/sh'
```

This command connects us to the server, and we execute a shell to interact with it.

### Step 2: Retrieve the Readme File

Once we've accessed the server, we need to retrieve the "readme" file. You can do this by executing:

```
cat readme
```

This command will display the content of the "readme" file and the flag for the next level.

Flag: `awhqfNnAbc1naukrpqDYcF95h7HoMTrC`
My Naruto Website
Published: 2023-12-17 02:57:33

This blog is about my passion which is about Naruto, So What I did was that I got the information of the Naruto characters. I got the information of the characters from an API. I fetched the api and got all of the characters and their informations. I then declared a variable called and got the query selector form the html the id that was mySearch. I then made an addEventListener, in which I put a submit button I had an event as a parameter, I wrote a preventDefault that will invoke the cancel attribute if true. I then logged out the characters that I declared in the global scope. That's how how I got all of the characters and their informations, when you hit the search button. I then declared a userInput in which I made a query selector in which I got the id #mySearch from input element and I then logged out the userInput then I get information I typed in the search bar, after that I made another variable called narutoCharacters in which I used the find method and I used the the global scope of the characters, inside the find method I declared a parameter called character, I then basically use the arrow function and I typed character with the dote name and equal to the userInput, what this would basically do is in order to get a specific information about a character I would type it in the search button to get that information. I then logged out the narutoCharacters and in my search bar when I typed in the name of a specific character I would get that information.
PyTorch Quick Ref
Tags: pytorch, cheatsheet
Published: 2023-12-17 02:32:02

## Imports

```
import torch                                        # root package
from torch.utils.data import Dataset, DataLoader    # dataset representation and loading
```

## Neural Network API

```
import torch.autograd as autograd         # computation graph
from torch import Tensor                  # tensor node in the computation graph
import torch.nn as nn                     # neural networks
import torch.nn.functional as F           # layers, activations and more
import torch.optim as optim               # optimizers e.g. gradient descent, ADAM, etc.
from torch.jit import script, trace       # hybrid frontend decorator and tracing jit
```

## TorchScript and JIT

```
torch.jit.trace()         # takes your module or function and an example
                          # data input, and traces the computational steps
                          # that the data encounters as it progresses through the model

@script                   # decorator used to indicate data-dependent
                          # control flow within the code being traced
```

## ONNX

```
torch.onnx.export(model, dummy data, xxxx.proto)       # exports an ONNX formatted
                                                       # model using a trained model, dummy
                                                       # data and the desired file name

model = onnx.load("alexnet.proto")                     # load an ONNX model
onnx.checker.check_model(model)                        # check that the model
                                                       # IR is well formed

onnx.helper.printable_graph(model.graph)               # print a human readable
                                                       # representation of the graph
```

## References:

- [PyTorch CheatSheets](https://simplecheatsheet.com/pytorch)
- [PyTorch](https://pytorch.org/)
Activ Gift Card
Tags: activgiftcard, activgiftcardbalance, giftcard, giftcardbalance
Published: 2023-12-17 02:18:52

Elevate your giving game with Activ Gift Card. Easily check your balance and shop for happiness. The perfect digital gift, sent straight to your email, complete with redemption instructions.
Thông tin chi tiết
Trang chủ:             [](https://activgiftcard.net/)
Email:              activgiftcard@gmail.com
Điện thoại:         (+61) 475395165
Địa chỉ:             North Terrace, Bankstown NSW 2200, Australia
#activgiftcard #activgiftcardbalance #giftcard #giftcardbalance #activegiftcard
https://www.facebook.com/activgiftcard
https://twitter.com/Activgiftcard
https://www.linkedin.com/in/activ-gift-card-2a09582a2/
https://www.pinterest.com/activgiftcard/
https://www.flickr.com/people/199707861@N02/
https://fliphtml5.com/homepage/hjvbs
https://myanimelist.net/profile/activgiftcard
https://community.windy.com/user/activgiftcard
https://www.youtube.com/channel/UC850JWkFja6qUT55yB00wMA
https://about.me/activgiftcard
Running K8s in local env
Published: 2023-12-17 02:12:33

While there are many tools out there, which let us run K8s in local environment. The idea of my project is to go a step further and show how a production like setup can be achieved in local with help of certain tools. While this is just step 1 in the process of understanding how things work, there are many more aspects, which are beyond the scope here.

Please refer to the [official kubernetes documentation](https://kubernetes.io/docs/home/) for more information on how it works.

Please follow the [github link](https://github.com/vishalraj82/k8s-with-multipass) for more details on the k8s project.
NoSQL databases you should know 2024.
Published: 2023-12-16 18:36:37


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/af1aiovrry9dgutv5a0c.png)





Relational databases have been at the top of the database programming world for almost 50 years now. Ever since they were invented by E.F. Codd while working at IBM's San Jose Research Laboratory. Non-relational databases also known as NoSQL databases are the new wave of formless data stores that don't use any schema (formless). They work with all kinds of data including data collected from smart city IoT sensors. The four main ones that have a solid user interface and an online free trial are.


www.RavenDB.com - Raven is a document datastore NoSQL database, that is entirely schema-less meaning no primary and foreign key relationships are required. Raven has an easy-to-use user interface and many functions for new database developers. RQL Raven querying languages is the database programming language used to write, read, update and delete records.

www.Aerospike.com - If transactions are your main goal then Aerospike is the right choice. Aerospike delivers speed when you need to access important read or write functions on credit card reports. AirospikeDB can handle acid transactions more efficiently than most relational databases since it was designed to do this.

 
www.Neo4j.com - Neo4j is a NoSQL graph database that is truly a winner in the non-relational database world. Ne04j is used in many of the most popular websites and applications since the data can be visualized in graphs with nodes.


www.datastax.com - Cassandra's datastax astra is a serverless NoSQL multimodule Column-Oriented database owned by parent company Facebook now Meta. CQL with an almost SQL a-like syntax is the database programming language used to write, read, update and, delete records. API's access is also made available through API services like GrapghQL, Swagger and, Document. 
 

A few others worth a look at are MongoDB and FirebaseDB a document store by Google. For new beginners in the world of non-relational database technology, I would recommend these. However this technology is very new so don't be scared off and choose the best one that meets your App development needs. My last point is that relational databases stack vertically (scale-up) while non-relational databases stack horizontally (scale-out). Each option has its advantages and disadvantages i.e. costs less or more electrical power used.  


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6b5e308yoii6kfpqnhww.png)
My "solution" to integrate ChatGPT into any database
Tags: chatgpt, database, beginners, sql
Published: 2023-12-17 01:59:02


So here, I worked on an SQL database implementing the following steps:
1- Export SQL to CSV
2- Clean CSV to TXT
3- Convert to 1-line Database TXT
4- Merge it with the Base Prompt
5- Send the Merge to ChatGPT API

![diagram](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m9fh6he5w25wkbbh9cp7.png)



![steps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9tft2v01vd6g5vch9uhl.png)

here my base prompt as an example :
```
Act as a chatbot that assists the agents of EcoDeliver. Your role is to help EcoDeliver agents effectively utilize the application, provide guidance, answer project-related questions, and offer solutions to challenges specific to EcoDeliver. EcoDeliver is an innovative IoT-powered app for efficient commands delivery management, integrating real-time tracking, user-friendly interfaces, and environmentally friendly practices. You have access to the following database:
{}
Remember that every user who interacts with you is an agent seeking assistance with EcoDeliver-related tasks
here is the message:
```
then add the 1line_db _(N°4 in the pic)_ to the base prompt between `{}` and the user message after `here is the message:`

then send all that to OpenAi api 
```py
import openai

openai.api_base = "https://openrouter.ai/api/v1"
openai.api_key = 'get_ur_own_api_key'

user_msg_file_path = r'C:\path\to\the\file\merged.txt'
with open(user_msg_file_path, 'r') as user_msg_file:
    user_msg = user_msg_file.read()

response = openai.ChatCompletion.create(
    model="openai/gpt-3.5-turbo",
    messages=[
        {"role": "system", "content": ""},
        {"role": "user", "content": user_msg},
    ],
    headers={
        "HTTP-Referer": 'http://localhost:3000',
        "X-Title": 'Your App Name',
    },
)

reply_content = response.choices[0].message['content']

response_file_path = r'C:\path\to\the\file\response.txt'
with open(response_file_path, 'w') as response_file:
    response_file.write(reply_content)

print(reply_content)
```

**ET VOILA**

![prototype](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avwvwv5ecqdijtwlrz7g.png)

## Pros and Cons:
**Pros:**
<u>Diverse Responses:</u> ChatGPT is a general AI, so you get responses that can't be queried using SQL. For example, you can ask about the distance traveled using just addresses.

**Cons:**
<u>Costly:</u> Exporting your entire database to ChatGPT for each message can get expensive.
<u>Data Risk:</u> There might be a risk when exporting data, so be cautious about the information you share.
Javascript Beginners If Else Statements
Tags: javascript, beginners, coding, basics
Published: 2023-12-17 01:22:40

If you are a beginner in Javascript, understanding conditional statements is very important. 
Why if conditional statements considered as one of the fundamental concepts of Javascript or any other programming language? It is mainly because if/else statements help in directing the flow of your code based on specific conditions. 
It will provide the ability to dictate which code should run under certain circumstances.

Here are some site's where you can understand or learn more about conditional statements. 

[IT Beginner Series: JavaScript IF/ELSE Exercises](https://medium.com/@andrei_diaconu/it-beginner-series-javascript-if-else-exercises-cfc5d65b6f94)

[JavaScript conditional statements and loops - Exercises, Practice, Solution](https://www.w3resource.com/javascript-exercises/javascript-conditional-statements-and-loops-exercises.php)

[If Else Statements](https://www.hackerrank.com/contests/7days-javascript/challenges/js-if-else-statements)
Fast-Learning Strategies: Mastering a Topic with Science
Tags: learning, webdev, programming, tutorial
Published: 2023-12-17 00:58:58

In today's fast-paced world, mastering a subject requires dedication and effective learning methods. Scientific research unveils approaches that significantly hasten learning, be it a new language, mastering an instrument, or diving into a complex field. Let's dive into four proven study strategies that can expedite expertise beyond imagination.

Firstly, there's spaced repetition, a powerful technique supported by research. Instead of cramming information, spaced repetition involves reviewing material at increasing intervals. Tools like Anki or Quizlet use this concept, aiding in memorizing vocabulary or key concepts, strengthening memory retention for long-term learning.

Another strategy is active recall, where you retrieve information from memory rather than passively reviewing it. Summarizing key points without looking at materials reinforces neural pathways, leading to a deeper understanding and better recall later on.

Next up is the Feynman Technique, named after physicist Richard Feynman. It involves simplifying complex concepts as if teaching them to a beginner. Explaining intricate ideas in simple terms not only deepens understanding but also identifies knowledge gaps for further study.

Finally, interleaved practice mixes different topics or skills in study sessions, challenging your brain to differentiate and apply concepts in various contexts. Alternating between tasks or subjects leads to better comprehension and knowledge transfer across scenarios.

In conclusion, these study strategies – spaced repetition, active recall, the Feynman Technique, and interleaved practice – offer efficient ways to accelerate learning. By incorporating these techniques into your routine, you enhance memory retention, deepen understanding, simplify complex concepts, and expedite expertise acquisition. Incorporate these strategies, and witness your expertise soar in no time!
CREATING DOT NET APIS AND MICROSERVICES USING CRAFTSMAN (WRAPT) LESSON ONE CREATING BASIC .NET WEB API WITH CRAFTSMAN
Tags: webapi, dotnet
Published: 2023-12-17 00:54:28

In this video, I introduce you to **Craftsman**, a powerful web API creation tool developed by **Paul Devito**. Let's dive into the details:

1. **GitHub Repository**: You can find the Craftsman GitHub repository at [this link](https://github.com/pdevito3/craftsman). Paul Devito actively maintains it, and it's a great resource for exploring the tool.

2. **Craftsman Documentation**: The official website for Craftsman hosts comprehensive documentation. It covers everything you need to know about using Craftsman effectively. https://wrapt.dev/docs/how-it-works

3. **Creating a RecipeManagement Web API**:
   - We start by defining the domain, entity, and entity properties in a **YAML file**. This structured approach ensures clarity and consistency.
   - Next, we run the Craftsman command to create the web API. Craftsman streamlines the process, making it efficient and straightforward.
   - Once the API is generated, we open the solution file in **Visual Studio**. The solution comprises the web API project, which adheres to the **CQRS (Command Query Responsibility Segregation)** principle, and the associated test project.
   - To ensure data integrity, we generate migrations for the database.
   - Finally, we test the API using **Swagger**, a powerful tool for API exploration and testing.

4. **Accessing the Completed Solution**:
   - You can find the completed solution files on GitHub: [MuyikRecipeManagement](https://github.com/benjaminsqlserver/MuyikRecipeManagement).

Craftsman simplifies web API development, and with this walkthrough, you'll be well-equipped to create robust APIs. Happy coding! 🚀🔧

{% embed https://youtu.be/rcRPvOh-q_8 %}
A Simple React JS Portfolio Website
Tags: portfoliopage
Published: 2023-12-27 18:23:33

---
title: A Simple React JS Portfolio Website
published: true
date: 2023-12-17 00:43:00 UTC
tags: PortfolioPage
canonical_url: https://reactjsexample.com/a-simple-react-js-portfolio-website/
---

# React JS Portfolio Website
 ![A Simple React JS Portfolio Website](https://reactjsexample.com/content/images/2023/12/Code_2023-12_12-38-09.jpg)

[🔗Live Demo🔗](https://christian-montero.vercel.app/)

![A Simple React JS Portfolio Website](https://github.com/PolarisStar2000/My_Portfolio/raw/master/src/assets/Portfolio%20preview.png)

## Features

**📖 Single-Page Layout**

**🎨 Styled with React-Bootstrap and CSS with easy to customize colors**

**📱 Fully Responsive**

## 🚀 How to get started?

Clone down this repository. You will need `node.js` and `git` installed globally on your machine.

## 🛠 Installation and Setup Instructions

1. Installation: `npm install`

2. In the project directory, you can run: `npm start`

Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits.

Feel free to contribute to this repo.

### Show some ❤️  by giving the star ⭐ to this repository!!

# 🧠 Happy Hacking 🧠 

## GitHub

[View Github](https://github.com/PolarisStar2000/My_Portfolio?ref=reactjsexample.com)