teleren/devto huggingface dataset:
Create Step by Step Guide to create social share on WordPress
Published: 2023-06-03 19:16:37

Sure! Here's a step-by-step guide to creating a social share feature on a WordPress website using code:

Step 1: Install and activate a social sharing plugin
To simplify the process, you can use a social sharing plugin available in the WordPress Plugin Directory. Install and activate a plugin of your choice. Some popular options include "AddToAny Share Buttons," "Social Warfare," and "Jetpack."

Step 2: Locate the appropriate hook
To add the social sharing buttons in the desired location on your website, you need to find the appropriate hook. In WordPress, hooks allow you to insert custom code at specific points in the theme's template files. Common hooks for social sharing buttons include the_content (for post content) and get_footer (for the footer).

Step 3: Open your theme's functions.php file
Navigate to your WordPress theme's directory and open the functions.php file. This file contains the theme's functions and is an ideal place to add custom code.

Step 4: Add code to display social sharing buttons
Inside the functions.php file, locate the appropriate hook found in Step 2. Add the following code snippet to display the social sharing buttons:
function custom_social_share_buttons() {
    if (function_exists('display_social_share_buttons')) {
        display_social_share_buttons();
    }
}
add_action('the_content', 'custom_social_share_buttons');

Make sure to replace display_social_share_buttons() with the appropriate function provided by your chosen social sharing plugin.

Step 5: Save and upload the modified functions.php file
After adding the code snippet, save the functions.php file and upload it back to your theme directory on your WordPress hosting server.

Step 6: Test the social share buttons
Visit your WordPress website and navigate to a blog post or page where you have added the hook for the social sharing buttons. You should now see the social sharing buttons displayed in the designated location.

Step 7: Customize the appearance (optional)
Most social sharing plugins offer options to customize the appearance and behavior of the sharing buttons. Explore the settings of your chosen plugin to customize the button style, placement on https://budgettravelfreak.com/, and available social media platforms.

That's it! You've successfully added social share buttons to your WordPress website using code. Remember to test the buttons on different devices and browsers to ensure they function correctly.
Introducing 'Jira Simplify': A New Approach to Handling Complex Jira Tickets
Tags: openai, jira, extensions, javascript
Published: 2023-06-03 19:13:35

I'd like to share a new tool that could provide some assistance when dealing with complex Jira tickets: [Jira Simplify](https://github.com/tony3dmc/jira-simplify).

The motivation behind Jira Simplify, a Chrome browser extension, was born from my personal encounters with lengthy and sometimes complicated Jira tickets. Using OpenAI's GPT, Jira Simplify processes the content of a Jira ticket, sends it to OpenAI, and promptly returns a quick summary. The output includes instructions for developers and testers on the next steps required.

However, I've kept in mind that not all teams have the same needs. With that, Jira Simplify has been designed to be flexible. The GPT prompt used for generating the summary and instructions is fully customizable. You can find it in `js/app/OpenAIManager.js`. While it's currently set to output a summary and instructions for developers and testers, you can adjust it to meet your team's specific needs, such as evaluating ticket quality or generating other relevant instructions depending on your perspective.

This is just the first version of Jira Simplify. In future updates, I plan to introduce a bunch more features to process and also interact with Jira tickets.

To start using Jira Simplify, download or clone the repository, load the unpacked extension in your Chrome browser, and enter your OpenAI API key when prompted. Then, navigate to a Jira ticket and allow Jira Simplify to save you some time on those more messy tickets.

Anyone have any ideas for features? This is actually my first experience with developing a browser extension, and I'm excited with what I've learned so far.

Never stop learning :)
SaasRock Update - Autogenerated API docs, Code generator, View Manager, Row Hooks, and more
Tags: saas, webdev, react, nocode
Published: 2023-06-03 18:43:09

---
title: SaasRock Update - Autogenerated API docs, Code generator, View Manager, Row Hooks, and more
published: true
description: May was focused on a ton of improvements around the Entity Builder.
tags: saas,webdev,react,nocode
cover_image: https://cdn-images-1.medium.com/max/1600/1*n-r2TM9dYiw1tynoFMxtgA.png
# Use a ratio of 100:42 for best results.
---

May was focused on a ton of improvements (mainly for the ​[Entity Builder​](https://saasrock.com/entity-builder?ref=dev.to&utm_content=v0-8-8)):

- ⭐ **Autogenerated API Docs** with Swagger _(OpenAPI)_ and Postman
- ⭐ **Code Generator** support for new types (Multi-select, Range-number...)
- ⭐ New **Entity View Manager** at _/admin/entities/views_
- ⭐ New **Subscriptions** page at _/admin/accounts/subscriptions_
- ⭐ **Row Hooks**: Added functions to customize your BL _(onBeforeGetAll, onBeforeEdit, onAfterEdit...)_

And other minor fixes:

- 🔨 **Yes-Code**: Multi-select missing in generated files #304
- 🔨 **Multi-select** attribute not added to Yes-Code Helper #302
- 🔨 Row Form **Number Input** cannot clear #303
- 🔨 Footer Block needs translations #272
- 🔨 Edit entity gives the wrong path... #268
- 🔨 ActionResultModal no way to set title #264

Links:

- ​[Tweet](https://twitter.com/AlexandroMtzG/status/1664764186772008960)​
- Video - ​[Autogenerated Docs API](https://www.loom.com/share/b693c877282348408f7ab0d36dc974b8)
- ​Video - ​[Account/Tenant Types and Relationships](https://www.loom.com/share/a4b5f9176abc4eac85de8e0bc84bb16b)
- ​​[Demo](https://saasrock.com/entity-builder?ref=dev.to&utm_content=v0-8-8)​ - Entity Builder _(Form/List previews, API docs, Code generator)_​
- [Demo](https://saasrock.com/api/docs?ref=dev.to&utm_content=v0-8-8)​ - Swagger Docs​
- [Demo](https://saasrock.com/postman_collection.json?ref=dev.to&utm_content=v0-8-8)​ - Postman Collection
- ​[Changelog](https://saasrock.com/changelog?ref=dev.to&utm_content=v0-8-8)​ - SaasRock v0.8.8

---

### What's Next?

I've said this many times, but hopefully this month I can pull any of these:

- **Knowledge Base** _(intercom-like help center, ​preview​)_
- **Help Desk** - Enterprise 🚀 _(accounts submit tickets)
- **Affiliates & Referrals** - Enterprise 🚀 _(create affiliate links to track signups/commissions)_

Let me know what you think of these improvements on the ​[Discord server​](https://discord.gg/KMkjU2BFn9)!
Can anyone guide me in a simple question in React.js?
Published: 2023-06-03 17:57:47

I am fetching an API and assigning its data to an object by using setArticles. Problem is, I am mapping on "articles.map()" this data in Functional component and get an error, because state articles have null value before fetching data. Please see screenshot attached if I am not making sense, sorry for that.

Issue is, component gets rendered first, and at that render time, "articles" have no value, and I am assigning it a value after fetching.
Question is
1. How can I fetch data and use it in a component?
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3m1rwppchxdimwn39yc2.png)
🚀 Signup for DevMaster Newsletter ✉️
Tags: developers, discuss, news
Published: 2023-06-03 17:42:04

**🔥📧 Welcome, Brilliant Developers! 🚀🔍**


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


✅ Cutting-edge tutorials and guides 📝💻
✅ Sneak peeks into emerging technologies 🚀🔍
✅ Tips for optimizing your coding skills 💪🔧
✅ Curated resources for personal growth 🌱📚
✅ Latest industry trends and insights 📈🔍
✅ News on upcoming developer conferences and events 🎉🌐
✅ Opportunities for beta testing new tech tools 🧪🔬
✅ Discounts on coding courses and tools 💰💻
✅ Community spotlights and success stories 🌟🌟
✅ Fun coding challenges and quizzes 🎯🧠






![1K Members](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zxu2l7edgweryti6qkqh.png)

> 😎 Over 1000+ developers have already joined our tribe! 🌟

[⚡️ Subscribe & Join 😎 ](https://firstfinger.in/signup-for-devmaster-newsletter/)


DevMaster Newsletter ✉️ "Where Developers Become Masters"

Prepare to elevate your skills, unlock hidden potential, and embark on a journey of continuous learning. Join us on this epic quest, and together, let's conquer the realms of tech brilliance! 🌟👩‍💻👨‍💻

> 📚 Expand your knowledge horizons! 🌅🔭
Newsletters on Portfolio
Tags: opensource, webdev, newsletter, nextjs
Published: 2023-06-03 17:39:09

On my old portfolio, which I made in Flask, I had a feature where you could subscribe to my newsletter and unsubscribe in a really easy way. 

When I migrated my portfolio from Flask to Next.js a few months back, I did not have much Next.js experience so I decided to not include the newsletters feature. 

However, last month I decided to add it again to my [new portfolio](https://vulcanwm.is-a.dev).

Now, in the website's `/newsletter` page, you can subscribe to my newsletter.
Using the API routes you can also verify your email so you start receiving the newsletter, and you can unsubscribe to it.
Also, I decided to add a ratelimiting feature (that was not in my previous portfolio).

If you want to check out the code, here is the GitHub repo:

{% embed https://github.com/VulcanWM/vulcanwm %}

Thanks for reading this, and make sure to follow ~~and [subscribe to the newsletter](https://vulcanwm.is-a.dev/newsletter)~~ if you want to see more content like this!
I Started a Web OS
Published: 2023-06-03 16:30:13

---
title: I Started a Web OS
published: true
date: 2023-06-03 17:30:36 UTC
tags: 
canonical_url: https://blog.toheeb.com/i-started-a-web-os-clig6i9oq000b09mi29i93vl7
---

In my introductory article titled [Hello Web](https://hashnode.com/post/clieer8e0000808k2ciev00on), bla bla bla; I tucked in an external link at the end. In this article, I also tuck in an external link. And in the next article, where I share the method to my madness, I'll also tuck in another external link. One at a time. Well, that's a _story for the gods_.

So, I published an Operating System (OS), not a Design System. The latter seems constrained to visual design. I wanted something that captures the entire engineering process from Architecture, and Design to Development. Operating System sounds like the perfect term.

[Toheeb's Web OS](http://www.toheeb.com/en/os/) starts with brand elements. These elements are highlighted from the Idea link I tucked in the introductory article.
Unleash Your Creativity with Pyfiglet: ASCII Art Made Easy in Python! ✨🎨
Tags: python, programming, tutorial, productivity
Published: 2023-06-03 17:23:00

Are you looking to add some creative flair to your Python projects? Look no further! Pyfiglet is a powerful Python library that allows you to generate ASCII art from text effortlessly. ASCII art is a technique that uses printable characters to create images and designs. With Pyfiglet, you can easily transform plain text into eye-catching ASCII art in just a few lines of code.

Getting started with Pyfiglet is a breeze. First, make sure you have the library installed. You can install it using pip:

```
pip install pyfiglet

```
Once Pyfiglet is installed, you're ready to create your first ASCII art. Here's a simple example:

```python
import pyfiglet

text = "Hello, Pyfiglet!"
ascii_art = pyfiglet.figlet_format(text)
print(ascii_art)

```
In this example, we import the pyfiglet module and store our desired text in the text variable. We then use the figlet_format() function to generate ASCII art from the text. Finally, we print the generated art to the console.

Pyfiglet provides various font options to customize your ASCII art. You can choose from a wide range of fonts, including basic, block, script, and more. To specify a font, you can pass it as an argument to the figlet_format() function. For instance:

```python
ascii_art = pyfiglet.figlet_format(text, font="slant")


```
This will generate ASCII art using the "slant" font. Feel free to experiment with different fonts and find the one that best suits your project's aesthetics.

Pyfiglet is not only limited to printing ASCII art to the console. You can also save the generated art to a file by redirecting the output using standard file I/O operations. For example:

```python
with open("ascii_art.txt", "w") as file:
    file.write(ascii_art)

```
This code snippet saves the ASCII art to a file named "ascii_art.txt". You can then use this file in your applications, share it with others, or even incorporate it into your digital art projects.

In conclusion, Pyfiglet is a fantastic Python library that empowers you to create stunning ASCII art with ease. Its simplicity and flexibility make it a great tool for adding a touch of creativity to your projects. Give it a try, explore different fonts, and let your imagination run wild with Pyfiglet!

Feel free to customize and enhance this sample post as per your requirements. Have fun exploring the world of ASCII art with Pyfiglet!
Learn to Code: Create a Random Number Guessing Game in Python
Published: 2023-06-03 17:12:17

In this article, we will walk through the process of creating a simple program that generates a random number and asks the user to guess it. This can be a fun and interactive way to learn about programming and practice your coding skills. We will be using a programming language of your choice, but for the sake of simplicity, we will provide examples in Python.

## Generating a Random Number

The first step is to generate a random number that the user will have to guess. In Python, we can make use of the `random` module to accomplish this. Here's an example code snippet:

    import random

    def generate_random_number():
        return random.randint(1, 100)

The `random.randint(a, b)` function generates a random integer between `a` and `b`, inclusive. In this case, we are generating a random number between 1 and 100\. Feel free to adjust the range according to your preferences.

### Asking the User for Guesses

Now that we have a random number, we can start asking the user to guess it. We will prompt the user for input and compare their guess with the randomly generated number. Here's an example code snippet to get you started:

    def ask_user_for_guess():
        guess = int(input("Take a guess: "))
        return guess

    def check_guess(random_number, user_guess):
        if user_guess < random_number:
            print("Too low!")
        elif user_guess > random_number:
            print("Too high!")
        else:
            print("Congratulations! You guessed it!")

    # Main program
    random_number = generate_random_number()

    while True:
        user_guess = ask_user_for_guess()
        check_guess(random_number, user_guess)
        if user_guess == random_number:
            break

In this code, we define two functions: `ask_user_for_guess()` and `check_guess(random_number, user_guess)`. The `ask_user_for_guess()` function prompts the user to enter their guess and returns it as an integer. The `check_guess()` function compares the user's guess with the randomly generated number and provides feedback accordingly.

We then use a `while` loop to continuously ask the user for guesses until they guess the correct number. Once the user guesses the correct number, the loop breaks, and the program ends.

## Conclusion

Congratulations! You have successfully written a program that generates a random number and asks the user to guess it. This exercise is a great way to practice your coding skills and understand the basics of user input and random number generation in programming.

Feel free to modify the code and add additional features to make the game more interesting. You could keep track of the number of guesses the user takes, provide hints, or even create a high-score system.

Remember to have fun and keep exploring my profile!
Introducing 'firebaseauth' Spring Boot Library
Tags: showdev, java, springboot, opensource
Published: 2023-06-03 16:46:27

## Introduction

How many times have you struggled with setting up security in your Spring Boot API? Well those days are over now that you can use the `firebaseauth` library to take care of that.

By following a simple set of steps you can have an API secured with Firebase in a matter of minutes! You won't have to deal with custom filters, exceptions or the Firebase SDK for that matter.

## Why?
When I first started to develop APIs with Firebase I struggled on how to set it up within Spring Boot since the documentation available was a little obfuscted, with this library I hope to help anyone that may have the same problems that I had. The project's README file has all you need to do in order to have a working, secured Spring Boot API.

If you are interested I would gladly appreciate that you leave a star in the project's repo here:

{% github https://github.com/DevTony101/firebaseauth %}

Thank you so much for reading! See you next time.
Turbolinks in prior versions of rails
Published: 2023-06-03 16:36:42

Recently I have been reading about turbolinks which is deprecated but one should have a proper knowledge . I have read that turbolinks replaces the body of the requested page with the body of the current page and merges the head. The primary speed comes from not having to reload the assets like js or css files which are present in both heads of the requested and current page and are same. My confusion is some seniors say that turbolinks does not replaces the body rather it replaces the sections in the body. And If there is a full body swapping, then its almost same as even if you are sending a normal request instead of ajax. Now I am confused. Please give your expert opinion regarding the workflow of the turbolinks.
I'm a Junior Developer and I Speak Python. Here's Why You Should Too
Tags: python, programming, beginners, learning
Published: 2023-06-03 16:19:42

Once upon a time in the world of tech, a junior developer – that's me – was given the tough task of picking up a programming language. It was a bit like being in a candy store, with a catch: I was told that the candy I choose will shape my destiny, or at least my coding journey (a bit dramatic, right?). So, after much contemplation, I went with Python, the language that doesn't slither, it glides. And let me tell you, it has been a hoot! Today, I'm going to share why you should also speak Python, with a few puns and dad jokes sprinkled in for good measure. Because who doesn't love a good laugh?

## Don't Be Alarmed, It Doesn't Bite

I know the name Python might raise some eyebrows. But don't worry, this Python doesn't slither, squeeze, or bite. It's a lot friendlier than its reptile counterpart. And hey, unlike those scary pythons in the wild, this one won’t wrap around your arm while you’re coding! How’s that for comfort?

## Simplicity is its Superpower

One of the biggest reasons I love Python is its simplicity. It’s the Taylor Swift of programming languages - straightforward and easy to understand. The syntax is so user-friendly that it makes coding feel like writing a story. In fact, the only time I've ever had 'bad blood' with Python is when I forget to use proper indentation. But I can't really 'shake it off', because that's how Python likes it, clean and organized.

## Versatility in its Veins

Python is as versatile as a Swiss Army knife, minus the risk of cutting your fingers. Web development, data analysis, AI, machine learning – you name it, Python's got it. It's like the secret sauce to the world's tech problems. The only thing it probably can't solve is why we programmers don't get enough sleep.

## It’s Everywhere

Python is kind of a big deal in the tech industry. Major tech giants like Google, Netflix, and NASA (yeah, the space guys) use Python. If you ever wanted to take one small step for yourself and one giant leap for your career, learning Python would be a great start!

## Community: The Lifeline

Learning a programming language is fun until you get stuck. With Python, you get a lifeline - an enormous community of developers always ready to help. It's like having a large family dinner where everyone's a coder. You may get some dad jokes along the way, like "Why don't Python developers like snakes? Because they Python their code!" But hey, who doesn't love a good pun?

## In Conclusion: 

As a junior developer who speaks Python, I promise, this language has been an absolute joy to work with. It's user-friendly, versatile, popular, and comes with a super supportive community. And most importantly, it lets me write dad jokes in my code comments. So, why not give Python a try? Who knows, you might just fall in love with this friendly beast. After all, Python is more of a hugger than a biter.
SVG to CSS Data URL converter with maybe the smallest possible output.
Tags: showdev, webdev, css, performance
Published: 2023-06-03 16:12:13

I use something like this all the time — but it was never clear if it produced the optimal output.

So i did a bunch of research and made this:

[SVG to CSS converter](https://inputoutput.dev/svg-to-css-converter/)

It converts SVG to a CSS compatible Data URL for use in attributes like `background-image` and `mask-image`.

As far as I'm aware it produces the smallest possible output without compromising backwards compatibility.

We're talking saving a few bytes here and there — but the compounded effect of using this sort of thing all the time should make a bigger difference in the grand scheme of things.

It…

- only encodes necessary characters 
- changes attribute quotes to single quotes 
- lowercases percent-encoding hex pairs 
- swaps hex colors to their shorter named equivalents 
- adds xlmns attribute if missing 
- removes useless whitespace

There's more information below the tool on the page if you're interested in understanding why it does these things.

Let me know what you think,
enjoy!
Linux commands cheat sheet
Tags: linux, beginners
Published: 2023-06-03 15:36:59

Check More Details Here: https://www.howtouselinux.com/post/linux-commands-for-linux-beginners-cheat-sheet

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