teleren/devto huggingface dataset:
My latest project with MERN stack
Tags: webdev, beginners, mern, programming
Published: 2024-07-08 13:06:10

**Techniques used**:
- ReactJs
- Mongodb
- Mongoose
- ExpressJs
- JWT
- Nodejs
- Mantine Core
- Mantine Form

**Features**:
- CRUD Operations for Projects & personal info
- Dark mod
- Translations 
- Dashboard


_Project url_: [a7med-amnt](https://mys-9yfx.onrender.com/)
_Project code_: [github-a7med-amnt](https://github.com/a7med-amnt/ahmed-amnt)
Learn Python - Day 1
Tags: introduction
Published: 2024-07-09 12:34:41

## Chapter 1


## What python can do?
- Python is versatile programming language and known for its simplicity and readability
- Python can do many things like web development, Data analysis and visualization, AI and ML, scripting for automation, Desktop GUI application, database access and so on.

## Why python?

Python language simplicity, versatility, community support, and industry adoption make it a preferred choice for a wide range of applications, and it is now effectively used in the field of Finance, Data visualization, ML and AI. 

**Key points**

- Python syntax is easy to understand, and it resembles human language. 
- It supports multiple programming concepts like procedural, object-oriented and functional programming.
- It has large active community of developers to support, knowledge sharing, contribute to python open-source projects and so on.
- Python can run in various platforms like windows, Linux, IOS.
- Python is an open-source software (Free to use) 

## Python syntax compared to other programming language.
 
- Python syntax is concise and emphasizes readability with minimal syntactic terms and indentation is used to define the structure of the code, making it clear and organized.
- In other programming languages, the explicit syntax with curly braces to define blocks of code and it requires more syntactic terms are used to code for method definitions class structures

## Python Installation

**windows:**

- Download the latest package from the below link or browse the supported package based on your windows OS.
- https://www.python.org/ftp/python/3.12.4/python-3.12.4-amd64.exe
- Double click exe file and proceed with installation in as per the instructions provided in the installation window and until successful installation 

**To verify installation**

Open command prompt and type python, if it installed properly you will see the below information with version details.

**C:\Users\Win11>python**

Python 3.12.4 (tags/v3.12.4:8e8a4ba, Jun  6 2024, 19:30:16) [MSC v.1940 64 bit (AMD64)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

**Ubuntu:**

- Open the terminal window
- Run the command "apt-get install python"
- Follow the prompts to complete the installation
- Alternatively, download the Python package for Ubuntu from the official Python website and install it manually.

**To verify installation **
- open terminal
- Type "python -version"
- It shows the python version details 

**First python program with print() statement**

- open command prompt in windows and type python
- Then type python command/code - Refer below image

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

**Note:**

- We can use editor to type code like VS code, sublime, notepad++ etc.

- We have google collab editor to practice python program
https://colab.research.google.com/
Soccer Uniform
Published: 2024-07-08 13:29:08

Soccer outfits, otherwise called football packs or shirts, normally comprise of a few parts intended to give solace, execution, and group character. Here are the critical components of soccer garbs:


Jersey/Unit:

Plan: The plan of the shirt frequently incorporates the group’s tones, logo, and support logos.

Material: Shirts are typically produced using lightweight, breathable materials, for example, polyester to wick away perspiration and keep players cool.

Fit: The fit is for the most part cozy to the body, considering opportunity of development.


Shorts:

Configuration: Shorts additionally [for more detail]https://alpacaintl.com/soccer-uniforms/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hj7w0ezes1x8n6txp1t.png)(url)
2024's Must-Play Free Arcade Games for Every Gamer
Published: 2024-07-08 13:32:18

Freearcadegames.net has a wide array of free online arcade games that are appropriate for any age. Freearcadegames.net presents all sorts of HTML5 games, which have classic arcade hits and thrilling new releases. At Freearcadegames.net, you will never get bored since there is plenty to choose from be it action packed shooters, puzzle games or nostalgic retro titles because everything can be found here without downloading anything. With this, you can instantly start playing your beloved arcade game by joining our gaming community!
Hashtags: FreeArcadeGames, OnlineGaming, ArcadeGames, FreeGames, BrowserGames, PlayGamesOnline, HTML5Games, FunGames, ArcadeGameCollection, FreeOnlineGames, AddictiveGames, GamingCommunity, PlayFreeGames, GamePortal, FamilyFriendlyGames, NewGames, GameWebsite, GamingHub, ArcadeFun, InstantGames, PlayNow, FreeOnlineArcade
Dom Manipulate in angular
Published: 2024-07-08 13:42:30

```html
<h2 #hello1>Hello world</h2>
<button (click)="handleFunction()">Change Text</button>
```

```ts
  @ViewChild('hello1', { static: true }) helloElement: ElementRef;

  handleFunction() {
    this.helloElement.nativeElement.textContent = 'Hello Angular!';
    this.helloElement.nativeElement.style.color = 'red';
    this.helloElement.nativeElement.style.backgroundColor = 'yellow';
    this.helloElement.nativeElement.style.fontSize = '30px';
  }
```
MongoDB
Published: 2024-07-08 13:42:57

 MongoDB শিখুন, বুক ফুলিয়ে বলুন "MongoDB জানি!" এখানে আপনার জন্য একটি চেকলিস্ট দিলাম যা আপনাকে একজন দক্ষ MongoDB ডেভেলপার হতে সাহায্য করবে। 
📚 Meet MongoDB: MongoDB এর সাথে পরিচিত হন, এর বেসিক কনসেপ্ট এবং ডাটাবেজ হিসেবে এর বিশেষত্ব জানুন। 
📘 Terminology and Data Model: MongoDB এর টার্মিনোলজি যেমন ডকুমেন্ট, কালেকশন, ডাটাবেজ এবং এর ডাটা মডেল সম্পর্কে বিস্তারিত ধারণা। 
🔢 Data Types and Documents: MongoDB এর বিভিন্ন Data Types যেমন String, Number, Boolean, Array, Object ইত্যাদি এবং কিভাবে স্যাম্পল ডকুমেন্ট পড়তে ও বুঝতে হয়। 
☁️ MongoDB Atlas: MongoDB এর ক্লাউড সার্ভিস প্ল্যাটফর্ম MongoDB Atlas এর ব্যবহার এবং সেটআপ। 
🖥️ MongoDB Compass: MongoDB Compass এর ব্যবহার, এটি দিয়ে ডাটাবেজ ভিজ্যুয়ালাইজ করা ও ম্যানেজ করা। 
🖊️ MongoDB VS Code Extension: VS Code এর MongoDB এক্সটেনশন ব্যবহার করে কিভাবে ডাটাবেজ ম্যানেজ ও কোড এডিট করা যায়। 
💻 MongoDB Community Server: MongoDB Community Server সেটআপ এবং ব্যবহার। 
🔍 Database-related methods: 
-Insert One query 
-Insert Many query 
-Find query
-Projection concept 
🔄 Query Operators: 
-Comparison query operators 
-Logical query operators 
-Element query operators 
-Evaluation query operators 
📊 Other Operations: 
-Sort 
-Limit
-Distinct 
-Row count 
-Delete One and Many 
📊 MongoDB Aggregation: 
-Aggregation Sorting 
-Limiting 
-First and Last
-Match Condition 
-Like 
-Projection 
🔢 Advanced Aggregation: 
-Skip and Limit 
-Group By 
-Group By SUM, Avg, Max, Min 
-Without Group By Sum Avg Max Min 
-Group By Multiple 
-Join By Lookup Operator 
-Facet Operator 
-Projection After Join 
-Add New Field With Result 
🔢 Aggregation Operators: 
-Arithmetic Aggregation Operators 
-String Aggregation Operators 
-Date Aggregation Operators 
-Comparison Aggregation Operators 
-Boolean Aggregation Operators 
-Conditional Aggregation Operators
Unlocking age verification—The fusion of ID document recognition and face attribute analysis
Tags: programming, ai, machinelearning, datascience
Published: 2024-07-08 13:43:36

Age verification is more crucial than ever in today’s world, affecting a broad range of sectors like social media and online gaming. Verifying your age is an essential step when purchasing age-restricted goods like alcohol and tobacco, joining an online gaming community, or even just creating a new social media account. However, why is age verification so important, and what changes are we seeing in this digital age?

The growth of e-commerce and digital services has made it easier for people to access a wide variety of goods and services from the comfort of their homes, but it has also made it easier for minors to circumvent age restrictions, raising serious legal and ethical concerns. Because of this, businesses need to ensure that age verification is not just compliant with the law but also protects youth from potentially harmful content and promotes a safer online environment for all.

Physically inspecting ID documents is a common step in traditional age verification procedures, which can be laborious and prone to human error. However, as technology develops, more precise and effective techniques become accessible.

For example, ID document recognition ensures that an individual is of legal age without requiring manual inspection by using advanced algorithms to scan and validate the information on an ID card or passport. This lowers the possibility of fraud while also expediting the procedure.

Face attribute analysis is another innovative technique that uses a person’s facial traits to estimate their age. This method provides a quick and non-intrusive means of age verification by using artificial intelligence to examine multiple attributes.

It’s especially helpful in situations where it might not be feasible to carry an ID, such as while registering for social media or playing online games.

We’ll go into more detail about these technologies’ functions, advantages, and things that companies need to remember to safeguard user privacy and maintain data security in this post. Businesses may more effectively traverse the digital landscape, maintaining their services safe and compliant while providing a seamless user experience, by recognizing the significance of age verification and the tools at their disposal.

Read full article here.
https://faceplugin.com/age-verification-id-document-and-face-attribute-analysis/
Enhancing ID Verification Systems: Unleashing the Power of On Premise Face Recognition SDKs
Tags: programming, machinelearning, datascience, softwareengineering
Published: 2024-07-08 13:46:54

Security and convenience are of the utmost importance in the current digital era, on premise face recognition SDKs are a vital tool for companies and organizations. These cutting-edge solutions simplify procedures and improve security measures while offering a flawless user experience.  It is more important than ever to create a reliable ID verification system for everything from building access to online identity verification.

It is impossible to exaggerate the significance of ID verification systems. Making sure that only authorized people have access to sensitive information is essential as cyber dangers keep evolving and personal data becomes a top target for criminal activity.

Reliable and effective security is offered by on premise face recognition technology. Through the use of distinctive face traits, these systems authenticate users’ identities and drastically lower the possibility of identity theft and unwanted access.

Liveness detection, when combined with face recognition technology, is essential to guarantee that the image taken is of a real person and not a picture or a video. By adding a degree of security, fraudsters will find it extremely difficult to get around the system. To verify that the person being authenticated is, in fact, there and alive, liveness detection analyzes a variety of indicators, including texture, movement, and blinking.

These systems can be enhanced by ID document recognition SDKs, which provide the automated extraction and validation of data from ID documents. This technology streamlines and improves the speed and accuracy of the document verification process.

Organizations can build a complete and reliable verification system by combining these three elements: liveness detection, ID Document recognition, and on premise face recognition.

To sum up, the integration of liveness detection, ID document recognition, and on premise face recognition software development kits (SDKs) offer a potent remedy for contemporary security issues. Together these technologies provide rapid and reliable identity verification protecting companies and their users from potential dangers.

Understanding on premise face recognition SDKs
Explanation of on premise face recognition technology
Instead of depending on cloud-based service, on premise facial recognition technology installs and runs software locally within an organization’s IT infrastructure. With the help of sophisticated algorithms, this technology analyzes facial traits to produce individual digital templates. Against confirmed identities, these templates are then compared against templates that have been preserved.

A higher level of security and privacy is provided by a premise system, which operates solely within the local network and guarantees that sensitive biometric data never escapes the organization’s control.

Read full article here.
https://faceplugin.com/on-premise-face-recognition-sdk/
Preparing for the 100 Days of MERN Full Stack Challenge: The Goals, Plan, and Expectations
Tags: 100daysofcode, fullstack, webdev, programming
Published: 2024-07-08 14:10:29


**Hello developers 👋,**

I’m Naresh Kumar, a beginner in Full Stack Development from India. Tomorrow, I’m starting the #100DaysOfFullStackChallenge to improve my full-stack skills and become job-ready in the next 100 days 🚀.

**My Goals 🎯**

-     Improve my coding skills 🧑‍💻 and create outstanding full-stack projects.
-     Build and deploy at least three full-stack projects.
-     Gain a solid understanding of the MERN stack (MongoDB, Express, React, Node.js).

**My Tech Stack 🛠️**

-     Framework: React.js
-     CSS Libraries: TailwindCSS & Bootstrap
-     Database: MongoDB
-     Dev Tools: Git, VS Code, GitHub

**My Plan 📅**

- I plan to become an outstanding full-stack developer in the next 100 days. Here’s a short overview of my journey:

**Days 1-5**

-     Quick revision of HTML and CSS to ensure a solid foundation.
-     Practice building a couple of responsive layouts.

**Days 6-15**

-     Learn the basics of JavaScript.
-     Practice with small projects or coding challenges to strengthen your understanding.

**Days 16-25**

-     Learn the basics of React.js and build simple React components.
-     Create a small project to apply what you've learned.

**Days 26-35**

-     Explore the basics of backend development with Node.js and Express.js.
-     Set up a simple server and understand routing.

**Days 36-45**

-     Create basic and responsive frontend projects using React.js, HTML, and CSS.
-     Integrate with your backend server to make it a full-stack project.

**Days 46-55**

-     Learn about database management with MongoDB and connect it with Express.js.
-     Perform CRUD operations and build a simple API.

**Days 56-65**

-     Dive into state management in React with Redux.
-     Implement state management in a project.

Days 66-75

-     Start creating full-stack projects combining React.js, Node.js, Express.js, and MongoDB.
-     Focus on at least one full project during this period.

**Days 76-85**

    

- Explore new technologies and tools in full-stack development (e.g., testing with Jest, version control with Git/GitHub).
-     Implement these in your ongoing projects.

**Days 86-95**

-     Learn about authentication and authorization technologies (e.g., JWT, OAuth).
-     Add authentication to your projects.

**Days 96-100**

-     Build a comprehensive full-stack project for practice purposes.
-     Ensure it includes all the aspects you've learned (frontend, backend, database, state management, authentication).
PYTHON INSTALLATION (IDLE & COLLAB Execution Test)
Tags: python, installation
Published: 2024-07-08 14:09:33

https://www.python.org/downloads/

check the system type of yours.
The latest series will not work on win 7 or earlier

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

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

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

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

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

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

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

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

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

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

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

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

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

**IDLE, an integrated development environment (IDE) for Python, to write and execute Python scripts. **
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89i20wr004ohbwyv7p1w.png)

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

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

**Choose File --> New File **

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

**Type the code & Save the file**
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eqa7dhw0ozafms72kimu.png)


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

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

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

Same above can be achieved in as below as well
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2ics8hacz79eqlepytb.png)

**Using Collab (alternate way)**
https://colab.research.google.com/

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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8lyhme7uxkw3wf563c1l.png)
Router Link for single page to pass data for details page
Published: 2024-07-08 14:03:22

```html
          <button  [routerLink]="['/invoice/payment-history', data?.invoiceId]"  style="margin-right: 5px;" mat-mini-fab matTooltip="View"
          color="accent">
          <mat-icon>remove_red_eye</mat-icon>
        </button>

```

---

## another way:

```html
 <button (click)="handlePaymentHistory(data?.invoiceId)" style="margin-right: 5px;" mat-mini-fab matTooltip="View"
          color="accent">
          <mat-icon>remove_red_eye</mat-icon>
        </button> 

```

```ts
  handlePaymentHistory(invoiceId: any) { 
    this.router.navigate(['/profile', invoiceId])
  }
```
Caracteres de entrada do teclado
Tags: java
Published: 2024-07-09 22:02:03

- A maioria dos programas e applets Java do mundo real é gráfica e baseada em janelas e não baseada em console. 

- Há, porém, um tipo de entrada de console que é relativamente fácil de usar: a leitura de um caractere a partir do teclado.

- Para ler um caractere a partir do teclado usaremos System.in.read().

- O método read() espera até o usuário pressionar uma tecla e então retorna o resultado.

- O caractere é retornado como um inteiro, logo, deve ser convertido para um char para ser atribuído a uma variável char.

- Por padrão, a entrada de console usa um buffer de linha, uma pequena parte da memória que é usada para armazenar os caracteres antes de serem lidos pelo programa.

- Você deve pressionar ENTER para enviar qualquer caractere digitado para o programa.

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

Observe que main( ) começa assim:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k259edgyvly0qsx7tfnf.png)

- Já que System.in.read() está sendo usado, o programa deve especificar a cláusula throws java.io.IOException para tratar erros de entrada.

- Quando pressionamos ENTER, uma sequência entrada de linha é inserida no fluxo de entrada.

- Esses caracteres ficam pendentes no buffer de entrada até serem lidos.

- Em alguns aplicativos, podemos ter de removê-los (lendo-os) antes da próxima operação de entrada (será visto posteriormente).
🌟 Embracing Cloud-Native Applications in the IT Industry ☁️🚀
Tags: cloudnative, devops, webdev, programming
Published: 2024-07-08 14:22:20

As the IT industry evolves, so does the approach to application development. Cloud-native applications are paving the way for agility, scalability, and rapid innovation. Here’s why they're crucial:

Agility: Deploy updates faster and more frequently, responding quickly to market demands and customer feedback.
Scalability: Scale resources automatically to handle varying workloads, ensuring consistent performance without downtime.
Resilience: Built-in redundancy and failover mechanisms enhance reliability, keeping applications available even during disruptions.
Cost Efficiency: Optimize resource utilization and reduce operational costs by leveraging cloud-native architectures.
🔍 Pro Tip: Embrace microservices, containerization (like Docker), and orchestration tools (such as Kubernetes) to maximize the benefits of cloud-native development.

#CloudNative #ITIndustry #Innovation #Agility #Scalability #Kubernetes #Microservices #TechTrends
17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback
Tags: webdev, beginners, design, opensource
Published: 2024-07-08 14:25:58

Hi guys,

I want to share my latest work on how i serve a resource list content  on my blog [https://devaradise.com/icon-libraries/](https://devaradise.com/icon-libraries/)

So, the idea was to create a user friendly page dedicated to listicle content, where users can filter and sort based on any attribute related to the resources.

I need a feedback on the UX. Please let me know what you think :smile:

As for the list, So far i curated 17 free open source icon libraries. This is sorted based on the Github Stars. You can sort by number of icons in the original page

1. [FontAwesome - Internet's icon library and toolkits](https://fontawesome.com/)
2. [Google Material Symbols & Icons](https://fonts.google.com/icons)
3. [Feather - Simply beautiful opensource icons](https://feathericons.com/)
4. [Heroicons - Beautiful hand-crafted SVG icons](heroicons.com)
5. [Ionicons - Premium Hand-crafted Icons](https://ionic.io/ionicons)
6. [CSS.gg - Pure CSS Icons](https://css.gg/)
7. [Lucide - Beautiful & consistent icons](https://lucide.dev/)
8. [Eva - Beautifully Crafted Opensource Icons](https://akveo.github.io/eva-icons/#/)
9. [Octicons - Scalable icons handcrafted by GitHub](https://primer.style/foundations/icons)
10. [Bootstrap Icons](https://icons.getbootstrap.com/)
11. [Remix - Simply Delightful Icon System](https://remixicon.com/)
12. [Evil Icons - Simple and clean SVG icon pack](https://evil-icons.io/)
13. [Phosphor - Flexible icon family](https://phosphoricons.com/)
14. [Boxicons - High Quality Web Icons](https://boxicons.com/)
15. [Hugeicons - Beautiful Icons](https://hugeicons.com/)
16. [Akar Icons - A perfectly rounded icon library](https://akaricons.com/)
17. [Flowbite Icons - SVG icons built for Flowbite](https://flowbite.com/icons/)

This list will keep growing as i find new icon libraries. So, if you know another icon libraries worth mentioning, please let me know in the comment below!

Thank you. Good day!