teleren/devto huggingface dataset:
I created an android app with Vue.js
Tags: android, vue, javascript, google
Published: 2023-11-22 14:34:51

Hello there! some time ago I had created a todo list app using 3 simple javascript, css and html files. Over time the app grew and I had to integrate it into a framework and I chose vue.js as it is very convenient for small projects and very easy to learn.
To convert everything into an android app I used kodular. In the end I published it on the play store.
If anyone is interested in downloading it, they can do so by 
[clicking here](https://play.google.com/store/apps/details?id=io.kodular.caputoluca88.Shopping_List)

Then on the app by opening the settings (top right button in the app) and going to the contact section you can find both the twitter page where you can follow me, and the page with all the code on github.
If you have any suggestions for me, I welcome them. thanks!



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fdouj9p0x5vlk0cr3ka2.jpg)
For Hire: The Benefits of Hiring iBolt Cyber Hacker for Crypto/BTC Recovery
Tags: javascript, blockchain, bitcoin, hacktoberfest23
Published: 2023-11-22 14:31:52

For Hire: The Benefits of Hiring iBolt Cyber Hacker for Crypto/BTC Recovery

In the rapidly evolving world of cryptocurrencies, safeguarding your digital assets is crucial. Unfortunately, instances of cybercrimes and hacking attempts have become increasingly common. To ensure the security of your investments, seeking professional assistance is essential. One such reliable option is iBolt Cyber Hacker, an expert team dedicated to helping individuals recover their lost or stolen crypto assets.

iBolt Cyber Hacker stays at the forefront of technological advancements in blockchain security and crypto recovery. Leveraging state-of-the-art tools and techniques, they employ advanced software systems and methodologies to trace, locate, and potentially recover your lost or stolen crypto assets. Their up-to-date knowledge ensures they can handle the most intricate scenarios, even in the face of sophisticated hacking attempts.

One of the defining factors behind iBolt Cyber Hacker's success is their strong track record of successful recoveries. Numerous satisfied clients have attested to their professionalism, reliability, and trustworthiness. By putting the client's best interests at the forefront, they have built a reputation as a dependable partner on the journey to recovering lost or stolen crypto assets.

Contact Info:
Email: ibolt@cyber-wizard.com
WhatsApp: +3.9.3.5.0.9.2.9.0.5.5.4.
Website: https://iboltcyberhacker.wixsite.com/ibolt-cyber-hacker-b
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/al8t7mxy01v4gp5pb7yp.jpg)
Empowering DevOps: Harnessing the Power of Linux on AWS
Tags: aws, linux, devops, beginners
Published: 2023-11-22 14:30:26

Hey there, fellow tech enthusiasts! Ever wondered how DevOps pros make the magic happen? Well, buckle up, because we're diving into the thrilling world of Linux on Amazon Web Services (AWS) – a dynamic duo that's like peanut butter and jelly for developers and operations teams.

Linux: Your Coding Playground
1. Tech Playdough Fun
Linux is the playdough of the tech world. You can shape and mold it to fit your needs. Imagine having a superhero suit that adjusts perfectly to every mission. That's Linux for DevOps – customizable and ready for action.

2. Command-Line Wizardry
Linux lets you talk to computers using commands – it's like having a secret coding language. DevOps wizards can make computers dance to their tune with these magical commands, automating tasks and saving heaps of time.

3. Container Carnival
Linux loves containers – it's like a grand carnival for your software. Containers keep everything organized, like magic lunchboxes for your apps. AWS joins the party with tools like Amazon ECS and EKS, making Linux containers a breeze for DevOps superheroes.

AWS Tools: Your Super DevOps Sidekick
1. EC2: Your Cloud Computer
AWS brings you EC2, the cloud computer. It's like having your very own computer in the virtual sky, and it runs on Linux. Pick your machine, and let the DevOps adventure begin!

2. Lambda: Code Sorcery
AWS Lambda is where coding becomes pure sorcery. No need to stress about servers – just write your code, and Lambda handles the rest. DevOps masters rejoice, as this wizardry saves time and headaches.

3. CloudFormation: Build-a-World Workshop
Ever dreamt of a build-a-world workshop for your tech dreams? AWS CloudFormation makes it happen. Tell AWS how you want things, and it assembles the setup. DevOps dreamers use this to ensure consistency in their digital playground.

Pro Tips for Linux and AWS DevOps Fun
1. Lock and Key (Secure Your Linux)
Keep your digital fortress secure! Regularly update and secure your Linux setup. Think of it like having a superhero suit with the ultimate lock and key – safety first!

2. Automate the Boring Stuff (Automate Everything)
DevOps maestros automate mundane tasks, letting computers do the heavy lifting. It's like having a tech sidekick that handles the boring bits, leaving more time for the exciting challenges.

3. Be the Tech Detective (Monitoring and Logging)
Channel your inner detective – monitor and log your tech adventures. It's like having a magnifying glass for your computer mysteries. DevOps detectives catch issues before they become full-blown sagas.

The Grand Finale: Linux and AWS, the Dynamic DevOps Duo
Linux and AWS – the Batman and Robin of DevOps. They make DevOps teams stronger, projects more flexible, and tech adventures a blast. As DevOps continues its epic journey, Linux on AWS will be the secret sauce for savvy teams – a ticket to tech greatness!
Les requêtes HTTP
Tags: webdev, french, beginners, architecture
Published: 2023-11-22 14:15:14

Internet repose sur des échanges d'informations entre des ordinateurs (clients) et des serveurs. Pour standardiser ces échanges, des **protocoles** ont été développés. HTTP est l'un des plus utilisés pour le web.

Le protocole **HTTP** (Hypertext Transfer Protocol) est utilisé pour la communication entre un navigateur web et un serveur. Ces méthodes ont été créées pour permettre des interactions spécifiques entre les navigateurs et les serveurs.

Les méthodes HTTP, telles que GET, POST, PUT, DELETE, etc., ont été créées pour spécifier l'action que le client souhaite effectuer sur une ressource donnée sur le serveur. Elles fournissent un moyen standardisé pour demander des données, en envoyer, les mettre à jour ou les supprimer.

Nous allons voir ensemble les méthodes les plus souvent utilisées lors de la création d'une application web. 

## GET

Le verbe GET est utilisé pour demander des données depuis un serveur. Par exemple, lorsque tu entres une URL dans ton navigateur et que tu appuies sur "Entrée", il va envoyer une requête GET au serveur pour obtenir la page web correspondante.

## POST 

Le verbe POST est utilisé pour envoyer des données au serveur. Par exemple, lorsque tu remplis un formulaire en ligne et clique sur "Envoyer", les données du formulaire sont envoyées au serveur via une requête POST.

## PUT 

Le verbe PUT est utilisé pour mettre à jour des données existantes sur le serveur. Par exemple, si tu modifies le contenu d'un article de blog, le navigateur peut envoyer une requête PUT au serveur pour enregistrer ces modifications.

## DELETE

Le verbe DELETE est utilisé pour supprimer des données sur le serveur. Par exemple, lorsque tu souhaites supprimer un message sur un forum, le navigateur envoie une requête DELETE au serveur pour effectuer cette action.

Les verbes HTTP sont des outils fondamentaux pour interagir avec les serveurs web. En utilisant ces verbes (GET, POST, PUT, DELETE, etc.), tu peux récupérer, envoyer, mettre à jour et supprimer des données sur le web, ce qui constitue la base des interactions entre votre navigateur et les serveurs web.
Upload de Imagens no React Native
Tags: tutorial, reactnative, mobile, expo
Published: 2023-11-22 14:10:30

O ImagePicker é um plugin do Expo projetado para simplificar o processo de upload de imagens ou captura de fotos usando a câmera sem a necessidade de lidar diretamente com APIs complexas de câmera ou galeria.

### Compatibilidade

O ImagePicker é compatível com todas as seguintes plataformas:

- Dispositivo Android
- Emulador Android
- Dispositivo IOS
- Simulador IOS
- Plataforma WEB

## Instalação

```bash
npx expo install expo-image-picker
```

## Configurando o plugin

Para configurar o plugin, iremos no arquivo `app.json` e colocaremos a seguinte configuração:

```json
{
  "expo": {
    "plugins": [
      [
        "expo-image-picker",
        {
          "photosPermission": "The app need accesses your photos."
        }
      ]
    ]
  }
}
```

Na propriedade `photosPermission`, definiremos a mensagem exibida ao usuário, solicitando a aprovação para acessar o recurso da câmera.

## Implementação do upload de imagens

```tsx
import react, { useState } from "react";
import { Button, Image, View } from "react-native";
// Vamos importar a biblioteca
import * as ImagePicker from "expo-image-picker";

export default function App() {
  const [image, setImage] = useState<string>();

  const pickImage = async () => {
    // Nenhuma permissão é necessária para abrir a galeria
    const result = await ImagePicker.launchImageLibraryAsync({
      // A propriedade mediaTypes define qual tipo de arquivo é permitido
      mediaTypes: ImagePicker.MediaTypeOptions.All,

      // Quality define a qualidade da imagem, aceita valores de 0-1,
      // 0 menor qualidade/tamanho e 1 é uma imagem de maior qualidade/tamanho
      quality: 1,
    });

    console.log(result);

    // Vamos receber a imagem caso o usuário não feche a galeria de fotos.
    if (!result.canceled) {
      const { uri } = result.assets[0];
      setImage(uri);
    }
  };

  return (
    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
      <Button title="Pick an image from camera roll" onPress={pickImage} />
      {image ? (
        <Image
          source={{ uri: image as string }}
          style={{ width: 200, height: 200 }}
        />
      ) : null}
    </View>
  );
}
```

Github com o código completo do projeto:
https://github.com/joeyclapton/image-picker-example




#### Referências

- https://docs.expo.dev/versions/latest/sdk/imagepicker/
- https://docs.expo.dev/tutorial/image-picker/
greatest solver(time)
Tags: learning, productivity, developer
Published: 2023-11-22 14:02:13

I have heard that we all have the same 24 hours in a day, but successful people use their time wisely. So why not learn from them and become successful yourself? Instead of rushing through life, jumping from one tutorial or project to another, we should take a moment to reflect on our actions. Rushing can result in decreased quality and lead to mistakes. To achieve success, it's important to stay calm and let time solve the problems that we face.
Do you find it DIFFICULT to take regular breaks behind your laptop?
Tags: workrave, softwaredevelopment, remotework, productivity
Published: 2023-11-22 13:58:19

In today's fast-paced, hyperconnected world, it's easy to get caught up in the whirlwind of work, spending hours glued to our computers without taking a proper break. This relentless focus can lead to burnout, fatigue, and decreased productivity. Fortunately, there are tools and techniques available to help us break free from this cycle and prioritize our well-being.

**Workrave: A Tool for Healthier Work Habits:**

Workrave is a free and open-source software designed to promote healthier work habits by reminding users to take breaks at regular intervals. Here's how it can assist workers in maintaining a balanced work routine:

**Customizable Break Reminders:**
Workrave allows users to customize break reminders based on their preferences. Whether it's a micro-break for stretching every few minutes or a longer break every hour, users can tailor the reminders to suit their work style.

**Micro-breaks and Rest Breaks:**
The software encourages both micro-breaks, which are short pauses to stretch or relax for a few seconds, and rest breaks, which are more extended breaks to step away from the computer. This approach helps in preventing both physical and mental fatigue.


![workrave micro break image uploaded by boadusamuel - Samuel Boadu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a4v11fdglz5ymlwbh886.png)


![workrave rest break image uploaded by boadusamuel - Samuel Boadu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dop24cyjnfi1gsr0tiht.png)


**Exercises:**
Workrave includes exercises specifically designed to reduce  strain. These exercises guide users through body movements and focus changes to alleviate strain caused by prolonged screen time.


![Image of workrave exercise uploaded by boadusamuel - Samuel Boadu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mhmuhn8cy5ryzsy1fvbq.png)


**Statistics and Reporting:**
Workrave provides valuable insights into users' work habits by collecting statistics on mouse and keyboard usage. Users can review these statistics to gain a better understanding of their work patterns and make informed decisions about optimizing their routines.

![Image of workrave statistics uploaded by boadu samuel - Samuel Boadu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o10v6maekuk1ipn6fw72.png)



**Conclusion:**

In the era of remote work and digital collaboration, prioritizing the well-being of workers is essential. Workrave serves as a valuable ally in promoting a balanced work routine by incorporating regular breaks, preventing burnout, and addressing health concerns associated with prolonged computer use. As we strive for productivity, let's not forget the importance of taking breaks—our bodies and minds will thank us for it in the long run.

So, why not take a moment, install [Workrave](https://workrave.org/), and embark on a journey towards a healthier and more sustainable work routine? Your well-being is an investment that pays dividends in both personal and professional aspects of life.
Challenge 6 - Stats Preview Card Component - Frontend Mentor
Tags: 100daysofcode, frontend, html, css
Published: 2023-11-22 13:31:17

## Challenge: 6, Frontend Mentor - Stats preview card component solution

This is a solution to the [Stats preview card component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/stats-preview-card-component-8JqbgoU62). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)
  - [The challenge](#the-challenge)
  - [Screenshot](#screenshot)
  - [Links](#links)
  - [Built with](#built-with)
  - [What I learned](#what-i-learned)
  - [Continued development](#continued-development)
- [Author](#author)

## Overview

Stats preview card component challenge by Frontend Mentor, Coded by Abhishek Baliyan.

### The challenge

Users should be able to:

- View the optimal layout depending on their device's screen size

### Screenshot

![Desktop View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6g9csbgxgn2sv9il0vfq.png)
![Mobile View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9t9k9f84tx7bjxr7xhjd.png)

### Links

- Solution URL: [Solution](https://github.com/abhishek-baliyan-dev/Frontend-mentor-challenge-Stats-preview-card-component)
- Live Site URL: [Live](https://abhishek-baliyan-dev.github.io/Frontend-mentor-challenge-Stats-preview-card-component/)

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow

### What I learned

- If there are rows/columns interchangable in mobile/desktop view. Then should put them in container in html.

### Continued development

- I want to learn more about how to put color overlay on image without using opacity.

## Author

- Website - [Abhishek Baliyan](https://www.abhishekbaliyan.com) - Coming soon
- Frontend Mentor - [@abhishek-baliyan-dev](https://www.frontendmentor.io/profile/abhishek-baliyan-dev)
- Twitter - [@Abhi___baliyan](https://twitter.com/Abhi___baliyan)
Cloud Data Analytics: A Journey to Actionable Insights & Data-driven Success
Tags: clouddataanalytics, dataanalytics, bigdata
Published: 2023-11-22 13:17:52

Cloud data analytics solutions are the saviors of enterprises managing massive data sets.

The adoption of cloud-based setups is set to intensify as most company CTOs are no longer willing to use local on-premises systems for various reasons.

The role of cloud analytics was made known when companies began using BI (Business Intelligence) solutions for quick and easy decision-making.

With a range of unstructured data to collect, manage, analyze, and preserve, leveraging cloud-driven [big data analytics & insights](https://www.bluent.com/business-services/data-analytics/) can be more profitable than other approaches.

Almost 80% of the global data stored in the enterprise system will be unstructured by 2025. In such a scenario, storing & identifying a huge amount of unstructured data to define global trends, consumer demands, & competitor strategy may turn out to be more challenging than it seems. 

Despite all the ifs and buts, switching to cloud-based analytics is a great idea for businesses wanting to make future-proof decisions and stay ahead of the competition.

The Banking, Financial Services, and Insurance (BFSI) sector holds the largest segment of the global cloud analytics market. It's worth discussing why.

**What is Cloud Data Analytics? How Does It Work?**

The process of arranging and analyzing data in the cloud rather than local on-premises storage is referred to as cloud data analytics.

Using [cloud computing](https://www.bluent.net/blog/build-your-castle-in-the-clouds-with-cloud-computing/) for big data analytics empowers organizations to access, aggregate, and analyze both structured & unstructured data in one place.

Cloud analytics help businesses handle a huge collection of data and identify errors in ongoing operations. This ensures a better analysis of data trends and the early discovery of potential risks for [predictive maintenance](https://www.bluent.net/blog/what-is-predictive-maintenance/).

Source by: [https://www.bluent.net/blog/guide-to-cloud-data-analytics/](https://www.bluent.net/blog/guide-to-cloud-data-analytics/)
Building CodeHub: Our Journey Begins
Published: 2023-11-22 13:16:43

This is the first part of our journey in creating [CodeHub](https://codehub.foo).

## What is CodeHub?

CodeHub is an online community for developers, focused on sharing code snippets. You can create an account, vote on snippets, mark them as favorites for future reference, leave comments, and easily share them on social media.

## But wait, doesn't such a service already exist?

Not exactly. While there are services with similar features, let's explore what sets CodeHub apart. [GitHub Gist](https://gist.github.com/) allows users to share files, but it doesn't foster a sense of community. [Stack Overflow](https://stackoverflow.com/) is a well-known developer community, but it primarily serves as a platform for asking and answering development-related questions. Additionally, services like CodePen offer an online code editing environment that's popular among front-end developers for creating and sharing HTML, CSS, and JavaScript snippets.

## How it all began

Our story starts on a casual Friday evening in Helsinki last August, as we enjoyed a few drinks with friends and former colleagues after work. Conversation meandered through various topics until someone suggested how great it would be to have a platform where developers could easily exchange useful code snippets.

The idea quickly captured our imagination, and one of my friends, who was currently between projects, proposed that we should embark on creating this platform. To our amusement, the others initially thought we were joking. Little did they know that we had already committed to making this vision a reality. The very next day, we set the wheels in motion to create CodeHub.

## The vision

At this point, we had a clear vision in our heads of what the service would look like. We knew that we wanted to keep the features to a minimum, at least in the beginning, and gather feedback from users before adding additional features.

The code editor needed to be simple; it didn't have to be a full-fledged editor, but it had to include syntax highlighting and serve its primary purpose, which was to enable users to modify their snippets without the need to copy them to an external editor and then back to the service.

I also recognized that the ability to generate preview images of the snippets was an essential feature for our service. This capability would enable us to provide an appealing preview of the code, complete with syntax highlighting, when a user shared a link to a snippet on social media.

## What's next?

Our journey is just beginning, and in the next part, we'll delve into the technical decisions that powered the development of CodeHub. Join us as we explore the technology stack, tools, and building blocks that bring our community for developers to life.

Stay tuned for more.
Add Disk in AWS-Ubuntu instance
Tags: aws
Published: 2023-11-22 13:08:40

**How to add a disk in AWS instance**

Step 1: Create a new volume from the AWS dashboard. See the image below.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5nxo5ziv2ttd6sxlyk7k.jpg)
Step 2: Open the Volume instance and set the region and size based on your needs
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/frsd5nrtwzd5mjbw6wdw.jpg)
Step 3: Attach the volume(disk) with the Ubuntu instance.

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

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

Step 4: Check whether the new volume shows in the instance by using "lsblk" command.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imq98e1g8z48xfb5tqvi.jpg)
step 5: Create a new directory to map the new disk using "mkdir" command.  "mkdir /data"
step 6: check whether the file is already mounted using the below command "sudo file -s /dev/xvdf"(xvdfcan be a different name in different systems) 
step 6: create a file system and make ext4 format.
   "mkfs -t ext4 /dev/xvdf"
step 7: Mount the filesystem into the newly created directory
        mount /dev/xvdf  /data
step 8: make a entry in /etc/fstab to make the mount permanent
            "nano /etc/fstab" 
"/dev/xvdf  /data   ext4  defaults,nofail  0 2"
Explore 40 Unmissable Things to Do in Broken Bow & Beavers Bend, OK
Tags: travel, thingstodoinbrokenbow
Published: 2023-11-22 12:15:55

Looking for an adventure-packed getaway? Look no further than Broken Bow! Nestled in the heart of nature, this charming town is a treasure trove of experiences. From serene lake views to thrilling outdoor escapades, there's something for everyone. Explore the best **[things to do in Broken Bow](https://sometimetraveller.com/things-to-do-in-broken-bow-beavers-bend-ok/)** along with  the scenic trails of Beavers Bend State Park. Feel the rush as you kayak down the crystal-clear waters of Mountain Fork River. For a tranquil day out, head to Broken Bow Lake, where you can unwind by fishing or simply soaking in the breathtaking vistas. Immerse yourself in the lush greenery of Hochatown State Park, where you can spot wildlife and revel in the beauty of untouched landscapes. But wait, there's more! Whether you're into horseback riding or zip-lining etc, Broken Bow has it all. So, ready for an unforgettable adventure? Explore the countless things to Do in Broken Bow with us, Visit us now to know more about the best **things to do in Broken Bow** and create memories that'll last a lifetime.