teleren/devto huggingface dataset:
Leetcode contests for solidity is here
Tags: web3, leetcode, solidity, programming
Published: 2023-09-07 12:57:04

Are you a blockchain enthusiast looking to showcase your skills, win exciting prizes, and take your Ethereum development journey to new heights? Look no further because DApp World is thrilled to introduce our DApp World Contests platform!

🌟 What Are DApp World Contests?
DApp World Contests is your gateway to a world of blockchain challenges, mentorship opportunities, and the chance to land coveted job/internship positions with some of the best blockchain companies in the industry.

💼 Why Participate?

Real-World Challenges: Dive into real-world Solidity problems and test your smart contract development skills against the best in the field.
Mentorship: Collaborate with top blockchain industry mentors who will guide you through the contest challenges.
Career Opportunities: Impress the blockchain community with your solutions and stand a chance to secure job offers or internships with leading blockchain companies.
🏆 What's Up for Grabs?
Our contests come with exciting prizes, recognition, and the opportunity to make a significant impact in the blockchain space. It's not just about winning; it's about elevating your career and expertise.

🚀 How to Participate:
Getting started is easy:

Visit [DApp World Contests](https://dapp-world.com/contests).
Sign up or log in to your DApp World account.
Explore the ongoing contests, read the challenge statements, and start crafting your solutions.
Submit your solutions and compete with fellow blockchain developers for top honors.
🌐 Join the Blockchain Challenge Today!
Don't miss out on the chance to shine in the world of blockchain development. DApp World Contests provide the perfect platform to showcase your skills, learn from industry experts, and unlock incredible opportunities.

Ready to embark on this exciting journey? Visit DApp World Contests now and start your blockchain adventure!

Let's build the future of blockchain together. Good luck to all contestants! 🚀🌐🏆
Easy Dockerization with Docker INIT
Tags: docker, containers, microservices, dockercompose
Published: 2023-09-07 12:43:47


Docker Init is changing the game in how we Dockerize our applications.

With `docker init`, we can quickly generate the `Dockerfile`, `compose.yml`, and `.dockerignore`. In the past, we manually created these files and implemented the best practices.

Now, with just one command and by answering a series of prompts, Docker automatically sets up these necessary files for us. Notably, this new approach ensures that industry best practices are followed.

In today's article, we'll also see a demo of dockerizing a Node application with `Docker init`.

**Prerequisites**:
- Docker Desktop 4.18 or later

**Steps**:

1) **Initialize the Project and Install Dependencies**:

For this demonstration, we'll set up a basic application using Node and Express. Begin by initializing your project:

```bash
npm init
```

Then install the Express dependency:

```bash
npm i express
```

2) **Add a Start Script**:

Add a start script to your `package.json` file:

```json
"scripts": {
    "start": "node index.js"
},
```

3) **Create a Simple API**:

Create an `index.js` file and insert the following code:

```javascript
const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) => {
  res.send("Hello World!");
});

app.listen(port, () => {
  console.log(`App listening on port ${port}`);
});
```

4) **Docker INIT**:

Run the `docker init` command and select the language of your project. You'll then be prompted with a series of questions tailored to your project and its structure.

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

5) **Running the App**:

After the setup, execute the command `docker compose up --build` to construct the images and launch the application.

![Terminal Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xqsv215ou5v5w8ck8oyi.png)

That's it. I hope you learned something from this. As the world moves towards containerizing applications, this can be instrumental in accelerating tasks and transitioning from monoliths to microservices.
Save Time With Pre-built Azure DevOps Pipeline agent image
Tags: productivity, devops, news, azure
Published: 2023-09-07 12:30:37

Microsoft Hosted Azure DevOps agents are great for CI/CD in most projects with the extensive built-in set of popular tools. In practice however, their usability is limited because the Microsoft Hosted agents cannot be connected to a private network. License limitations prevent Microsoft from distributing the image used in their hosted pools. To speed up development and remove toil, a
pre-built version of the Microsoft Hosted image containing only the included Open Source tools is now available in the [Azure Marketplace](https://azuremarketplace.microsoft.com/en-us/marketplace/apps/rtbusinessvalidation1685730553911.ado-agent-ms-stack-ubuntu2204?tab=Overview). The source code for the project is also available on [GitHub](https://github.com/cloudyspells/ado-agent-ms-stack) with instructions how to get started.

## What is included?

The image is based on the Microsoft Hosted Ubuntu 22.04 image and contains the all tools included in the Microsoft Hosted image that include a license that allows redistribution. The image is built using the same scripts as the Microsoft Hosted image and is updated regularly. A [full list of included tools](https://github.com/cloudyspells/ado-agent-ms-stack/wiki/Ubuntu2204-Readme) is available in the project wiki.

## How to use it?

The image is available in the Azure Marketplace and can be used in Azure DevOps pipelines as a self-hosted agent. The image is available in the all regions where Microsoft Hosted agents are available. You can also build your own image using the scripts in the GitHub repository. Building your own image is useful if you want to add additional tools or customize the image further.

## What are the advantages?

When connecting to a private network is required, the Microsoft Hosted agents cannot be used. This is a common requirement in many projects. As your organization grows, the need for various build and deployment tools increases. Building and maintaining your own agent images is a lot of work. Using the pre-built image removes the need to build and maintain your own images as it includes most popular tools. The image is also updated regularly with the latest versions of the tools.
2Captcha Solver Extension for Firefox
Published: 2023-09-07 12:22:11


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

Addon link: https://addons.mozilla.org/ru/firefox/addon/2captcha-solver/

The 2Captcha Solver Extension for Firefox is a powerful tool designed to simplify and enhance your browsing experience. This extension seamlessly integrates with your Firefox browser, allowing you to effortlessly solve CAPTCHAs encountered during your online activities.

**Key Features:**

1. Streamlined CAPTCHA Solving:

Say goodbye to the tedious task of manually solving CAPTCHAs. This extension automates the process, making your online interactions smoother and more efficient.

2. Compatibility:

The 2Captcha Solver Extension is fully compatible with the Firefox browser, ensuring seamless integration without any compatibility issues.

3. User-Friendly Interface:

The extension boasts an intuitive and user-friendly interface that requires no technical expertise. It's designed for hassle-free navigation and operation.

4. Speed and Accuracy:

Experience prompt and accurate CAPTCHA solving. The extension leverages 2Captcha's renowned speed and precision to swiftly bypass CAPTCHAs without delay.

5. Versatile Support:

Whether you encounter image-based CAPTCHAs, reCAPTCHA, or hCaptcha, this extension provides comprehensive support for various CAPTCHA types.

6. Accessibility:

Access 2Captcha's services directly from your Firefox browser, eliminating the need to switch between applications or platforms.
How to Use:

**Using the 2Captcha Solver Extension for Firefox is simple:**

Install the extension from the Mozilla Add-Ons store.
Activate the extension by clicking on the toolbar icon.
When you encounter a CAPTCHA, the extension will automatically process it using 2Captcha's service.
Once the CAPTCHA is solved, continue with your online task seamlessly.

Enhance your Firefox browsing experience with the 2Captcha Solver Extension. Eliminate the hassle of CAPTCHA solving and enjoy efficient, uninterrupted online activities. Whether you're a casual user or a developer seeking automation, this extension is your key to smoother online interactions. Say hello to hassle-free browsing with 2Captcha Solver for Firefox.
Monitoring BigQuery Release Notes
Tags: bigquery
Published: 2023-09-07 12:15:36

Here's a code snippet for those trying to monitor BigQuery release notes. I separate out 'generally available' versus 'preview'. Also, I isolate BQML versus BQ because I see them as different services. 

```
WITH base_bq_features AS
(
  SELECT description, release_note_type, published_at, product_name, 
  CASE WHEN description like '%[generally available]%' THEN 'ga_release'
  WHEN description like '%[preview]%' THEN 'preview'
  ELSE 'other' END type_of_release,
  CASE WHEN description like '%BigQuery ML%' Then 'BQML' ELSE 'Other' END AS isBQML
  FROM `bigquery-public-data.google_cloud_release_notes.release_notes` 
  WHERE product_name = 'BigQuery'
  AND release_note_type = 'FEATURE'
  ORDER BY published_at DESC
)
SELECT *
FROM base_bq_features
WHERE published_at > '2023-01-01'
AND type_of_release != 'preview'
ORDER by published_at DESC
```
How to configure nuxt-i18n and fetch with Nuxt 3 for multilingual APIs
Tags: nuxt, vue, javascript, programming
Published: 2023-09-07 12:14:05

Hi, I published a nice article on my website about how to configure nuxt-i18n and fetch with Nuxt 3 for multilingual APIs.

[Access the article here](https://uhtred.dev/insights/how-to-configure-nuxt-i18n-and-fetch-with-nuxt-3-for-multilingual-apis).
🤔 Can #AI be a true #artist?
Published: 2023-09-07 12:11:53

🎨 Join us as we unravel the potential of AI-generated art – from pushing the limits of #creativity to stirring controversies in the art world. Explore the AI art #revolution**** in [our latest piece](https://devler.io/blog/the-potential-of-ai-generated-art-from-creativity-to-controversy)
Mastering ES6 - Template Literals
Tags: webdev, javascript, beginners, tutorial
Published: 2023-09-07 12:10:07

## Introduction

ES6 (ECMAScript 2015) introduced many new features and improvements to JavaScript, and one of the most useful additions is **template literals**. Template literals provide a more flexible and readable way to work with strings in JavaScript. In this guide, we'll explore template literals and demonstrate how they can be used to improve your JavaScript code.

## What Are Template Literals?

Template literals, also known as template strings, are a new way to define strings in JavaScript. They are enclosed in backticks (\`) instead of single or double quotes. Template literals support multi-line strings and string interpolation, making them a powerful tool for working with dynamic content.

Here's the basic syntax of a template literal:

```javascript
const greeting = `Hello, World!`;
```

## String Interpolation

The most significant advantage of template literals is string interpolation. You can embed expressions inside template literals using `${}` syntax. This allows you to insert variables or expressions directly into the string.

```javascript
const name = "Alice";
const greeting = `Hello, ${name}!`;
console.log(greeting); // Outputs: Hello, Alice!
```

## Multi-line Strings

Traditionally, creating multi-line strings in JavaScript required escaping line breaks or concatenating multiple strings. With template literals, you can create multi-line strings easily.

```javascript
const multiLineString = `
  This is
  a multi-line
  string.
`;
```

## Tagged Templates

Template literals can be "tagged" by a function. A tagged template is a function that receives the template literal as arguments, allowing you to process the string and expressions before they are interpolated. This is useful for tasks like sanitizing user input or localization.

```javascript
function greetingTag(strings, ...values) {
  const [name, time] = values;
  return `${strings[0]}${name}${strings[1]}${time}${strings[2]}`;
}

const name = "Alice";
const time = "morning";
const result = greetingTag`Good ${time}, ${name}!`;
console.log(result); // Outputs: Good morning, Alice!
```

## Escaping Backticks

If you need to include backticks inside a template literal, you can escape them using a backslash (`\`). This prevents them from being treated as the end of the template literal.

```javascript
const message = `This is a backtick: \` inside a template literal.`;
```

## Conclusion

Template literals are a powerful addition to JavaScript, making it easier to work with strings, especially when dealing with dynamic content and multi-line strings. They enhance code readability and maintainability by eliminating the need for complex string concatenation and escaping. Embrace template literals in your JavaScript code to write cleaner and more expressive strings.

*Estimated Reading Time: 5 minutes*
How to become a Bug Bounty Hunter
Tags: bug, cybersecurity, networking, bounty
Published: 2023-09-07 07:42:47

**Introduction**
With cyber threats becoming increasingly sophisticated, organizations and individuals are seeking skilled bug hunters to identify vulnerabilities before malicious hackers can exploit them.

**1.Understand the basics of bug Hunting**
The first step towards becoming a bug hunter is to grasp the fundamentals. Bug hunting involves actively seeking vulnerabilities in software application or systems. As an ethical hacker, your objective is to identify and report the weakness to the responsible parties, allowing them to fix the issue.

**2. Develop a Strong Foundation in Networking & Programming**
 A strong understanding of network protocols and programming languages is indispensable for success in bug hunting. Familiarize yourself with languages like python, JavaScript, C/C++ , along with the concepts of HTML,CSS and Databases. Additionally, grasp the workings of TCP/IP , DNS,HTTP, and other fundamental networking protocols to navigate various systems effectively.

 **3. Learn about Web Application Security**
Web applications are prime targets for malicious actors in today's landscape. Familiarize yourself with common web application vulnerabilities like Cross-Site Scripting(XSS) , SQL injection , Cross-Site Request Forgery(CSRF) and more. Explore security testing methodologies, tools and fundamentals such as Burp Suite ,OWASP Zap and Nmap.

**4. Stay Updated on the Security Trends**
Staying up to date with latest trends and emerging threats is vital in dynamic world of cybersecurity. Follow reputable security blogs, podcast and websites. Engage with the cybersecurity community through forums, social media, and bug bounty platforms.

**5. Participate in Bug Bounty Programs**
Bug bounty programs offer an excellent platform for showcasing your skills and earning rewards. Platforms like HAckerOne, Bugcrowd , HackTheBox , TryHackme and synack connect ethical hackers with organisations willing to reward them for discovering bugs.
 **what is Responsible disclosure?**
Responsible disclosure is the process of reporting vulnerabilities to the affected organization or vendor in a way that minimizes harm. This can be done by following the organization's vulnerability disclosure policy , or by contacting the organization directly.

 **6. Work on Personal Projects**
Enhance your bug-hunting abilities by working on personal Projects. Build a secure web application and attempt to identify vulnerability on your own.

 **7. Pursue Relevant Certifications**
Strengthen your credibility as a bug hunter by obtaining industry recognized certifications. Certifications like Ethical Hacker(CEH) , Offensive Security (OSCP) and web application penetration tester (WAPT) demonstrate your expertise and dedication to ethical hacking.

With the right knowledge, technical skills, and ethical mindset , you can embark on an exciting journey as a bug hunter.
SIMPLE GAME USING PYGAME
Tags: programming, python, pygame, tutorial
Published: 2023-09-07 11:41:06


**Exploring the Universe through Code: My School Time Projects**
During my school years, I had the opportunity to dive into the world of game development using Python and Pygame, and the experience was nothing short of exhilarating. I'd like to share two of my most cherished projects: "Drop Space" and "Space War Multiplayer Game," both of which allowed me to combine my passion for coding and my fascination with outer space.

**1. Drop Space: A Galactic Adventure**
Drop Space was the first project that truly ignited my interest in game development. In this single-player game, players controlled a spaceship navigating through an asteroid-filled galaxy. The goal was simple yet challenging: survive as long as possible by avoiding collisions with fast-moving space debris.

The game was brought to life using Python's Pygame library, which provided the tools to handle graphics, audio, and user input. It was amazing to see how code could create a visual and interactive experience that players could enjoy.

One of the most rewarding aspects of developing Drop Space was the opportunity to learn about game physics and collision detection. I was able to experiment with different algorithms to ensure that the spaceship's movements felt realistic and responsive.

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

**2. Space War Multiplayer Game: An Intergalactic Showdown**

Building on my experience with Drop Space, I decided to take on a more ambitious project: a multiplayer space battle game. In this game, two players could compete head-to-head, piloting their own spaceships and engaging in thrilling dogfights amidst a starry backdrop.

These school projects taught me that coding is not just about solving problems; it's also about creating experiences. They reinforced my belief that with determination, curiosity, and the right tools, anyone can turn their imaginative ideas into interactive realities.

As I look back on my school time projects, I am grateful for the skills and insights I gained through them. They were not just games; they were journeys into the boundless universe of programming and game development.

Now, armed with the knowledge and passion I've acquired, I'm excited to explore new galaxies and create even more captivating experiences in the world of game development.

here is the github link for those project . Try it and add some more features to it, and let me know in the comments.

**Drop Space** :-https://github.com/suryansh-code/python_PROJECTS/blob/master/box%20down.py

**Space War** :-https://github.com/suryansh-code/python_PROJECTS/blob/master/multiplayer%20space%20game
Alternativa ao Docker Desktop para MacOS
Tags: macos, docker, orbstack, containers
Published: 2023-09-07 11:24:02

Olá pessoal, recentemente migrei do bom e velho Ubuntu para o MacOS. Como o MacBook que eu peguei já é um pouco mais antiguinho (MacBook Pro 2017, 8GB Ram e 120 SSD), tive problema com o nosso amigo Docker Desktop.

O alto consumo de CPU do Docker, junto com o PHP Storm e as outras ferramentas do meu uso, rodar a aplicação estava se tornando um grande desafio.

Depois de muitas pesquisas (Não achei nada muito interessante), e conversar com o A.J. Meireles, da página Eu sei PHP [Instagram](https://www.instagram.com/euseiphp/), fui recomendado a utilizar o [OrbStack](https://orbstack.dev/), de inicio duvidei, mas depois de usar um pouco já consegui notar uma enorme melhoria no consumo de CPU. Na questão de consumo de memória, não reduziu muito, mas reduziu.

Ele funciona de forma parecida com o Docker Desktop em seu visual tendo todos aqueles menus visuais de containers, volumes e imagens.

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

Já na parte de montar e gerenciar as coisas pelo terminal, é tudo exatamente igual, pois ele usa o Docker engine e o Docker Compose, então nos comandos, vai ficar tudo igual, por exemplo:

```
docker compose up -d
docker compose start
docker compose stop
docker ps
docker ps -a
```

Todos esses comandos continuarão funcionando exatamente igual já era com o Docker Desktop, pois no core, ele está usando o Docker.

Um problema que eu ainda tenho é o hot reload do Vite, isso esse programa não resolve. O problema é que com o "npm run dev" o reload das páginas fica super lento, bem demorado. Mas isso deve-se ao fato de no MacOS o funcionamento ser semelhante ao Windows, que usa o WSL para o container rodar dentro de uma maquina Linux virtualizada.

Segundo a documentação do Vite, o hot reload é incompatível com o WSL e que quando usado pode ter um alto consumo de CPU e consequentemente de energia, mas enfim, isso é assunto para um outro post.

Em seu site, a proposta do OrbStack é realmente ser muito mais leve que o Docker Desktop. E assim como o prometido ele cumpre. Não sei se os números apresentados são reais considerando o hardware no qual estou rodando.

Uma coisa que temos que nos atentar é que em seu site de suporte, ele menciona que ficará gratuito enquanto estiver em sua versão beta. Dependendo o valor de sua assinatura, não valerá a pena.

Como eu já tinha o Docker Desktop instalado, só desabilitei o inicio automático do Docker Desktop, dando lugar para o OrdStack. Então, talvez se você for instalar esse software, seja uma boa ideia manter o Docker Desktop instalado e apenas deixar ele de lado, como segunda opção, para caso precise.

Outro ponto que vale ressaltar, é que seus containeres já criados no Docker Desktop, não existirão ainda no OrbStack, sendo necessário finalizar o Docker Desktop e rodar o "docker compose up -d" em seus projetos.

Enfim, caso você, assim como eu, tem problemas com o consumo do Docker Desktop, fica ai a dica, o OrbStack com certeza vai te ajudar.
Building a privacy-first health app - update #5
Tags: food, nutrition, opensource, redwoodjs
Published: 2023-09-14 18:44:58

---
title: Building a privacy-first health app - update #5
published: true
date: 2023-09-07 11:08:53 UTC
tags: food, nutrition, opensource, redwoodjs
canonical_url: https://n00bgineer.wordpress.com/2023/09/07/openhealth-update-5/
---

## **Introduction**

Previously, I’d implemented the **`FoodItemsSearchPage`** & **`FoodItemsSearch`** components. But to make this page fully functional, I completed the services to enable food search from the FDC API, through an API service.

## **Update**

1. Firstly, I started implementing the the GraphQL definitions for the endpoint in **`foodItemSearch.sdl.js`** and a service returning returning dummy data from **`foodItemSearch.js`**.
2. After this, I worked on integrating the **`foodItemSearch`** service with the FDC API, but I finally realized why developers love TypeScript, because the FDC API endpoint returned different values for **`servingSizeUnit`** (e.g. GRM/grm instead of g, MLT/mlt instead of ml).
3. I also created the “Load more” button to fetch additional food items through pagination.

## **Next steps**

1. My implementation for the food item search feature turned out to be extremely buggy, so this is the first thing I need to fix before I move to anything else.
2. Adding serving size selector to the **`FoodCard`** component & adding implementation of mutation to store the items the user has consumed.

## **Screenshots**

![](https://n00bgineer.files.wordpress.com/2023/09/search.gif?w=1024)
_Implementing the search feature_