teleren/devto huggingface dataset:
README.md: The Ultimate Guide
Published: 2023-11-10 03:51:25

When it comes to open-source projects, documentation is key. And at the heart of this documentation is the README.md file. In this comprehensive guide, we'll explore the importance of the README.md file, its components, and how to create one that stands out.

What is a README.md?
A README.md file is a markdown document that serves as the introductory guide to your project. It's the first thing people see when they visit your repository on platforms like GitHub. It's a way to communicate with potential users, collaborators, and contributors. Think of it as the "front door" to your project.

Why Does it Matter?
1. First Impressions Count
Your README.md file is the initial point of contact for visitors to your repository. A well-crafted README.md can instantly grab attention and encourage people to explore your project further.

2. User Onboarding
A clear and concise README.md acts as a user manual. It helps new users understand what your project does, how to install it, and how to use it. This smooth onboarding process can make the difference between a user adopting your project or moving on.

3. Encouraging Collaboration
For open-source projects, collaboration is essential. A thorough README.md can entice potential contributors by explaining how they can contribute, what coding standards to follow, and where to report issues.

Components of an Effective README.md
1. Project Overview
Start with a brief introduction to your project. Explain what it does and why it's valuable.

2. Installation Instructions
Provide clear steps for installing your project. Include any prerequisites, package managers, or commands required.

3. Usage Guide
Walk users through how to use your project. Include code examples, API endpoints, and any configuration they need to know.

4. Configuration
If your project has configurable options, explain them here. This is where users can customize your project to their needs.

5. Contributing Guidelines
Detail how others can contribute to your project. Include information about issues, pull requests, and coding standards.

6. License
Specify the license under which your project is shared. This clarifies how others can use your code.

Formatting Tips
Use headings to structure your content.
Utilize bullet points and numbered lists for clarity.
Embed images, GIFs, or videos to enhance understanding.
Include links to related resources, documentation, or external websites.
Conclusion
A well-constructed README.md file can elevate your project from obscurity to popularity. It's the gateway to understanding your work, and it reflects your dedication to quality. By putting effort into crafting an informative and user-friendly README.md, you're not just documenting – you're inviting people to be a part of something bigger.

So, whether you're creating a new repository or revamping an existing one, make sure your README.md shines. Your project deserves it.

#markdown
#readme
Godot Juorney
Tags: godot, gamedev, tutorial
Published: 2023-11-10 03:44:35

En el mundo del game development hay bastantes herramientas hoy en día, y si hablamos de herramientas, tenemos que diferenciar entre 2 grandes grupos: las librerias y los game engines.

**Librerias**
Son una serie de funciones que nos permiten acelerar el proceso de desarrollo, dentro de este contexto podría hablar de PhaserJS que es una libreria de JavaScript para desarrollar juegos, o incluso React y React Fiber, que es una abstracción de ThreeJS para React, en python tendríamos pygame, cocos2d, y así podría nombrar infinidad de librerias en diferentes lenguajes.

**Game Engines**
Es el software especializado para crear juegos, podría decirse que es un todo en uno, donde encontramos un editor y multiples funcionalidades para llevar a cabo nuestro cometido, dentro de este marco tenemos a Unity, Unreal Engine, Construct, Defold, Godot, y [otros cuantos más](https://en.wikipedia.org/wiki/List_of_game_engines). 

**Godot**
Ahora, especificamente esta serie de posts va a ser orientada al desarrollo con Godot, escogí Godot por su facilidad, versatilidad y por que es open source, y su gran mejora desde la version 4.0 y después de la polemica que se [armó con Unity](https://www.vidaextra.com/industria/siento-unity-se-disculpa-desarrolladores-modifica-su-polemica-tarifa-usar-motor-grafico), en general lo que buscaba era un entorno fácil de entender y que fuera agradable de programar, y sin duda fue algo que encontré en Godot y su lenguaje de Scripting GDScript (muy similar a Python).

Afortunadamente el panorama de Godot está creciendo bastante y ya se encuentran tutoriales y cursos realmente buenos sobre este gran engine, en mi caso pienso subir tutoriales sobre temas especificos y trataré de ir referenciando buenos videos sobre las bases del editor.

Los siguientes links son una lista de referencia para iniciar con las bases de este engine.
- [GDScript, curso básico](https://www.youtube.com/watch?v=itKLmCwGeNs&list=PLJ690cxlZTgL4i3sjTPRQTyrJ5TTkYJ2_&ab_channel=GodotTutorials)
- [Godot bases y fundamentos](https://www.youtube.com/watch?v=6YNKi3hcS5U&ab_channel=GameDevArtisan) 
- [Documentación oficial de Godot](https://docs.godotengine.org/en/stable/)

Eso si, todo está en inglés (sorry not sorry).

En mi siguiente post, vamos a iniciar con algo muy básico, empezando con desarrollo 2D, vamos a crear un personaje principal y una maquina de estados, la idea es aprender desde 0 como desarrollar buen código, organizado y modular.
Mourinho also announced a trip to Saudi Arabia: I received the biggest and craziest offer in history.
Published: 2023-11-10 03:30:26

Serie A's AS Roma manager Jose Mourinho announced his advance into Saudi Arabia.  

'Mourinho has become the dream manager candidate for Saudi Arabian champion Al-Ittihad. Mourinho revealed that he received inspiration for Saudi Arabia from Cristiano Ronaldo (Al-Nasr),' the report said. Al-Ittihad recently fired coach Nuno Santo.

Al-Ittihad was the league winner [안전놀이터](https://www.totosafedb.com/) last season. Nuno Santo, who previously served as Tottenham coach, led Alitihad to two league and League Cup wins in the 2022-2023 season.

Al-Ittihad has since accelerated its recruitment of players. He poured in a huge amount of oil money. They purchased a number of big star players currently playing in European soccer, including Real Madrid striker Karim Benzema, N'Golo Kante, and Fabinho.

However, Al-Ittihad actually fell to 6th place. He held Santu responsible for this and dismissed him. He was drooling over Mourinho as his successor. Mourinho's contract with AS Roma runs until June next year.

The Mirror reported: 'Mourinho said he would be open to taking over as manager in Saudi Arabia. He took over at Roma and achieved success, winning the Conference League in his first season and finishing runner-up in the Europa League in his second season, but due to poor performance in Serie A, his future is uncertain.'

“During my holiday, I received the biggest and craziest offer in the history of football, but I turned it down because I made a promise to the players, I made a promise to the fans and I made a promise to the club,” Mourinho said.

Still, Mourinho said, "I am sure that one day I will go to Saudi Arabia and work there. I don't know when, but I am pretty sure. The door is always open. I want to feel the development there."

Mourinho confessed that Ronaldo's transfer made him think again about the Saudi Arabian league. Ronaldo signed with Al Nasr in January of this year. He is the main character who stopped the rush of European stars to Saudi Arabia.

Mourinho highly praised Ronaldo, saying, "Ronaldo went to Saudi Arabia first. He presented a different perspective. At first, everyone thought Ronaldo was a one-man show, but everything really changed in the summer. Not only the league but also the AFC Champions League is a very interesting competition." .
My Personal Portfolio
Tags: react, portfolio, programming
Published: 2023-11-10 03:29:37

[](https://athuljain-personal-website.vercel.app/)

Welcome to **my personal portfolio**! 🚀 I'm excited to share my journey, skills, and projects with you. This website is more than just code; it's a reflection of my passion for creativity and problem-solving. Powered by React, it not only showcases my technical expertise but also embodies my commitment to crafting delightful user experiences. Dive in, explore my projects, and get to know the developer behind the screen. Let's build something amazing together! 💻✨ #React #Portfolio #CodingJourney
Groove generates growth in Georgia
Published: 2023-11-10 03:09:44

Last week, iGaming casino platform provider and aggregator Groove’s Georgia-based team attended the inaugural SBC Summit Tbilisi, a conference and exhibition with a focus on Georgia and the wider region. 

Held in collaboration with [온라인바둑이](https://www.badugisite.net/) the Georgia-based iGaming and sports management organization, SMH, the SBC Summit Tbilisi was an opportunity for Groove’s Georgia team to showcase the company’s new data-driven B2B Recommender, which helps operators sift content and match it most effectively to markets.

Speaking on behalf of the Georgia team, Groove’s Mariam Aleksidze, account manager for vendors and marketing manager, said: “SBC Summit Tbilisi was a very good opportunity for us to expand our network and make new contacts. I am following up with five operators post-show who were not on our radar before we attended the event.”

“The format for the week was a delicious mixture of business and entertainment; we spent a lot of time in the exhibition and we also were able to participate in parts of the conference; the lunches and parties were a perfect blend of activities to build social rapport and to communicate our professional credentials. As an aggregator, we found the SBC Summit Tbilisi event ideal for new business and for talking about our new branding.”

Yahale Meltzer, COO and co-founder at Groove, added: “SBC Summit Tbilisi was a milestone for our Georgia team and allowed us to have maximum participation in an inaugural event which helps put the region properly on the map. We expect to expand our operator cluster in Georgia on the back of this first outing there and we were delighted to be able to take our brand, promote responsible gambling and showcase our new technologies in the Summit.”
React js props
Tags: react, props, frontend
Published: 2023-11-10 02:48:59

[](https://lnkd.in/gSaNuF3h)

props (short for properties) are used to pass data from a parent component to a child component. They are like function arguments, allowing you to configure and customize a child component by providing specific data or attributes. Props are essential in building reusable and dynamic components as they enable components to receive and display different data, making the application more flexible and easier to maintain. They facilitate the flow of data within the component tree, allowing for a more modular and scalable application structure.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qpes77xjoq3f1upi1kiq.jpg)
Javascript [events]
Published: 2023-11-10 02:36:17

_**Eventos del mouse:**_
**click**: Se activa cuando se hace clic en un elemento.
**dblclick**: Se activa cuando se hace doble clic en un elemento.
**mousedown**: Se activa cuando se presiona un botón del mouse.
**mouseup**: Se activa cuando se suelta un botón del mouse.
**mousemove**: Se activa cuando se mueve el mouse sobre un elemento.

_**Eventos del Teclado:**_
**keydown:** Se activa cuando una tecla es presionada.
**keyup:** Se activa cuando una tecla es liberada.
**keypress:** Se activa cuando se mantiene presionada una tecla.

_**Eventos del Formulario:**_
**submit:** Se activa cuando se envía un formulario.
**change:** Se activa cuando el valor de un elemento de formulario cambia.
**input:** Se activa cuando se introduce un valor en un campo de entrada.

_**Eventos de Foco:**_
**focus:** Se activa cuando un elemento recibe el foco.
**blur:** Se activa cuando un elemento pierde el foco.

**_Eventos de Carga y Descarga:_**
**load:** Se activa cuando se completa la carga de un recurso, como una imagen o un documento.
**unload:** Se activa cuando el usuario sale de la página.

_**Eventos de Ventana:**_
**resize:** Se activa cuando la ventana del navegador se redimensiona.
**scroll:** Se activa cuando se desplaza la barra de desplazamiento.

_**Eventos de Tiempo:**_
**setTimeout:** Se activa después de que haya pasado un tiempo específico.
**setInterval:** Se activa repetidamente después de intervalos de tiempo específicos.

_**Eventos de Arrastrar y Soltar:**_
**dragstart:** Se activa cuando comienza la operación de arrastrar.
**dragend:** Se activa cuando se completa la operación de arrastrar.
**dragover:** Se activa cuando un elemento arrastrado se encuentra sobre un área válida.
**drop:** Se activa cuando se suelta un elemento arrastrado.

nota: e.preventDefault() -> prevenir evento nativo y hacer algo mas.
Disabling root login [CentOs]
Tags: linux, centos, disablerootlogin
Published: 2023-11-10 01:57:41

To disable the root login [CentOs]:

sudo passwd root [to change the password for root user if needed].

sudo vi /etc/ssh/sshd_config
PermitRootLogin no
sudo systemctl restart sshd

ssh root@ip;
You should not be allowed to login [Permission denied, error]

Reference URL: https://www.tecmint.com/disable-ssh-root-login-in-linux/
Right Tool for your Web Front-End — Vite VS CRA
Tags: vite, cra, react
Published: 2023-11-10 01:47:30


![Right Tool for your Web Front-End — Vite VS CRA](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/walpb1c5dug71oubbqhc.jpg)

Always remember, the first impression is your last impression. Users don’t interact with the back end. They see your web front end. Front-end developers always try to make the front end aesthetically pleasant, but there are always some challenges in doing so. To make this process easy, multiple tools have been introduced by different companies. Today, I’ll discuss two of these tools — Vite and Create React App. Let’s start with Vite first.

Vite is a front-end tool for web apps created by Evan You in 2020. It is used to develop JavaScript/TypeScript apps.

Now, why should you use Vite? Well, it’s fast because it has ES modules and modern Browser APIs. It also has a built-in development server that reduces the time spent creating and deploying apps. It’s best for large apps because code loads only when needed. This means there will be small bundle sizes. This way performance will improve.

Your code size will also be smaller due to tree-shaking and code splitting, ultimately speeding up development time. You can also see changes in real-time. The built-in development server reloads quickly and has options for hot module replacement. All of this accelerates the development workflow. This also cut down the time spent on manual testing.

Also, since Vite uses native ES modules and modern web browser APIs, it’s ideal for developers who want to write modern, maintainable, scalable code. It is JSX-based and has both CSS and TypeScript support. It’s perfect for web apps that don’t require complex configurations.

Now, there’s another front-end tool: Create React App (CRA). It creates web apps by using the React JavaScript library. It has a streamlined method of making React applications. It uses webpack to build and optimize your code. But there’s a problem. CRA has a less optimized build process. The pre-configured tools and dependencies in CRA have fewer customization options. It requires the page to fully reload to display changes and contains fewer features than Vite. Pure JavaScript is also only limitedly supported in CRA. It’s also considerably slower than Vite during development due to webpack.

Now, when should you use CRA and Vite? Well, it depends! If you want to quicken your build times, go for Vite. But if you are a beginner willing to create apps that need complex configurations, use CRA. And don’t worry. CRA provides a pre-configured environment that handles most of the setup work.
Comprehensive Comparison of Next JS and Gatsby JS
Tags: gatsby, nextjs, react
Published: 2023-11-10 01:25:39


![Comprehensive Comparison of Next JS and Gatsby JS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eloxllxl2q47119zsx22.png)

Next.js is an open-source front-end framework that helps in creating fast and responsive web apps. And thanks to Next.js SSR and SSG (Server-Side Rendering and Static Site Generation), websites can be made SEO and user-friendly.

Also, since Next.js automatically splits the code, the page load time is reduced. There are also some great templates and components available in next.js that speed up development time. It can also deploy serverless platforms, including AWS and Google Cloud Functions.

If you need to update your content frequently go for Next.js. It also includes features like XSS prevention and CSP for web app security. You can update static pages easily with the help of ISR (Incremental Static Regeneration) in Next.js. What’s even better? Changes made to the app can be seen without page reload. Routing has become simplified. As files in the ‘pages’ directory automatically become routes. Apart from all this, Next.js also has built-in CSS support. And certainly, these were all the advantages that bigger companies like Hulu, TikTok, and Twitch opted for Next.js for their web.

However, there are some downsides to using Next.js. First and foremost, there aren’t many plugins in Next.js. If you want some specific features in the app, you have to build them yourself. It doesn’t have built-in state management. You have to use external state managers

Now, there’s another open-source React.js framework called Gatsby that has some great advantages. It was launched before Next.js in 2015 by Gatsby Inc., And like Next.js, it can be used to make fast, high-performing SEO-friendly static sites. It’s also faster and lighter than Next.js because of its advanced static rendering approach. It has a large library of plugins that can be used to add various features to your web app. Also, to make your web app fast, you don’t need to add extensions. Web pages created with Gatsby are fast by default. It also contains data sources from multiple websites, including WordPress sites with APIs. But then again, like any other technology, Gatsby also has drawbacks. For instance, low-quality plugins and numerous default configurations make troubleshooting slightly challenging. Contrary to Next.js, the changes you make on web apps also take a minute to reflect.

Now, having given you an overview of all this, when should you choose Next.js, and when Gatsby? Well, if you want a more responsive, scalable web app that loads faster and updates quickly, opt for Next.js. But if you want to build large, customizable web apps that quickly load, choose Gatsby
Testing. Testing. 123..
Tags: programming, beginners, python, opensource
Published: 2023-11-10 01:01:06

For this lab I wanted to make a heavier techincal blog than just my regular blog just so I can get a feel how this blogging works.
[3a68733](https://github.com/rabroldan/Waypoint/commit/3a687331893d422db964062c5f1342b05aa3e4e1) this was the commit I did for this week. I updated the contribution.MD file to show how to properly work on Waypoint. In this Lab we worked on tesing.

* 1st and Main commit

> Added a testing framework for initial unit tests creation - during this commit I needed to somehow figure out a framework to use with my project. Since I was working with python I had a couple of options, I decided to ues nose2 and unittest for this. 

Breaking down this code I needed to set up the framework where I would be able to use unnittest and also import the functions I needed to create the testing module.
```
import unittest
from waypoint import process_text, process_file, set_config
from testing import argtest
```
I had a total of 9 testing that I needed to ensure that all the function works. In those 9 I tested all the main core of the project which is convertion

1. String to Html
2. txt File to Html
3. Md file to Html
4. toml file processing
5. folder processing and conversion

the next test i needed was to ensure the system arguments condition are met properly

1. -h for help
2. -v for  version
3. -c for config file
4. test to fail.

I added a test to fail to ensure that the program and testing are working properly. This was mostly for my personal agenda, just because testing is an area I am very unfamilliar that I needed to ensure that all if not most testing are done properly.

Now the testing depndicies i used was nose2 and unittest
```
python -m unittest discover -k "test_txt" # To test a string
python -m unittest discover -k "test_txtfile" # To test a txt file
python -m unittest discover -k "test_tomlfile" # To test a toml file
python -m unittest discover -k "test_folder" # To test a folder file
```
these codes where use to test the unit individually as oppose to all. I installed nose2 to actually run everything, yes I know unittest has the capability of it being able to run but i found it easier to use nose2 when running the test plus it provided me an option to add a watcher which sadly unittest did not. 

Now for coverage It was simple enough to use, which was coverage.py to run it all. I realized I now have multiple way to test my program!

This was a very challenging lab as testing was something I really wanted to get my hands on but did not know where to start, looking back at my work during Hacktoberfest it took me days to actually figure out how to test the thing I did, which this came in sooner but oh well, at least now I know. On to the next one!!