teleren/devto huggingface dataset:
Pulse - Project Management app built in ReactJS
Tags: opensource, react, node, mongodb
Published: 2023-01-25 04:46:52

Introducing Pulse - the project/doc management app that will change the way you work!

Built with React on the front end and Node.js on the backend, Pulse is designed to help you easily track the progress of your projects and tasks. Whether you're working on a small personal project or a large enterprise project, Pulse is the tool you need to stay organized and on track.

With Pulse, you'll be able to quickly add and update your projects and tasks, view their status and progress. The intuitive interface makes it easy to use, so you can focus on what's important - achieving your goals.


Screenshots:

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

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

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

More screenshot [here](https://github.com/TheAlphamerc/pulse/wiki)

If you're looking for a better way to manage your projects, give Pulse a try. It's open-source and the source code is available on Github, feel free to check it out and let us know what you think.


Check live version : https://go.orgnise.in/home


Source code : [https://git.new/orgnise](https://git.new/orgnise)
An error while submitting the form
Published: 2023-01-25 04:39:57

I'm having issues with my code and was hoping someone could help me out. I'm trying to [How Should Work Boots Fit](https://www.workbootsweb.com/how-should-work-boots-fit/) create a simple login form for my website about [teaching laptops](https://www.mytechpulse.com/best-laptops-for-teachers/) and [facial treatment benefits](https://dailymakeuptip.com/facial-treatment-benefits/) using PHP and MySQL, but I keep getting an error when I try to submit the form. Here is the error message I'm receiving:

'Warning: mysql_connect(): Access denied for user 'root'@'localhost' (using password: YES) in /var/www/html/login.php on [limousine service Denver](https://eddielimo.com/) in line 10'.

Here is the [APM Test](https://cpsclicktest.com/apm-test.php) code, I'm using:

```
<?php

// Connect to the MySQL database
$db = mysql_connect('localhost', 'root', 'password');
if (!$db) {
    die('Could not connect: ' . mysql_error());
}

// Select the database
mysql_select_db('users', $db);

// Check if the form has been submitted
if (isset($_POST['submit'])) {
    // Escape the user input to prevent SQL injection attacks
    $username = mysql_real_escape_string($_POST['username']);
    $password = mysql_real_escape_string($_POST['password']);
    
    // Query the database to check if the user exists
    $query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
    $result = mysql_query($query);
    
    // If a result is returned, the user is logged in
    if (mysql_num_rows($result) == 1) {
        // Start a session and redirect to the dashboard
        session_start();
        $_SESSION['username'] = $username;
        header('Location: dashboard.php');
    } else {
        // If the user doesn't exist, display an error message
        echo "Invalid username or password.";
    }
}

?>

```

I've tried a few different things to fix this issue, but nothing seems to be working. I've checked to make sure that my MySQL username and password are correct, and I've also tried connecting to the database using mysql_connect() with and without the password parameter. I'm not sure what else to try.

Does anyone have any ideas on [snorkeling mask](https://aquareeling.com/best-snorkeling-masks/) how I can fix this issue? Any help would be greatly appreciated. Thank you!
EasyOrder
Tags: javascript, react, redux, postgres
Published: 2023-01-25 04:38:46

---
title: EasyOrder
published: true
description: Project React
tags: #javascript #react #redux #postgresql
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-25 04:33 +0000
---

Hola red! 👋 les presentamos nuestro proyecto final del bootcamp de Desarrollo Full Stack en Henry 🚀, la cuál permite a los usuarios poder hacer reservaciones de mesa, hacer su pedido, realizar el pago a través de la pasarela de pagos y calificar su pedido de una forma rápida y fácil 👌

⚙️ Tecnologías utilizadas ⚙️

• Front end 🖼️:
React | Redux | CSS Module | localStorage | Vite
• Back end 🧑‍💻:
Node | Express | PostgreSQL | Railway
• Otras librerías 📚:
PayPal | MercadoPago | Auth0 | Cloudinary
• Metodología ágil 🏃:
Scrum | Trello
• App de diseño 🎨:
Figma, Photoshop

🔗 Link del repo: https://lnkd.in/eTTYXcZ2

Seguimos trabajando para mejorarlo, próximamente video y deploy del proyecto 📱

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3p2sz26qojt81plsretx.png)
3.1.0 is the first minor release after Nuxt 3.0 is out
Tags: nuxt, webdev, javascript, vue
Published: 2023-01-25 04:24:53

Hi Vue developers! this is the very first release after Nuxt becomes stable.
The latest release of Nuxt, version 3.1.0, brings a host of new features and improvements to the framework. This release includes bug fixes and enhancements and new experimental features such as component Islands and server-only components. Island feature, I like it really.

## What’s changed

One of the major highlights of this release is the significant improvements made to the documentation and website, which can already be seen on the **NuxtJs** GitHub release page. New composables such as `onNuxtReady`, `useNuxtData`, and `useSeoMeta` have been added, as well as an experimental config schema for module or theme authors.

In terms of performance, this release includes an upgrade to `Nitropack v2` and a migration to **Vite 4 and Rollup 3**. This is expected to result in faster build times and improved performance. Vite and Turbopack are the future.

Other enhancements in this release include the addition of an experimental server component islands, support for extending `error.vue` in layers, and the ability to use deep-watch useCookie ref value by default.

There are also several bug fixes in this release, including the removal of `postcss.config` from the schema, the inclusion of missing `<NuxtPage>` component props, and the support for applying `.nuxtignore` within external layers. A really interesting feature, getting more control over layouts.

## My remarks

Overall, this release of Nuxt brings a number of new features and improvements that are expected to enhance the user experience and improve performance. It is essential for developers to stay up-to-date on the latest releases of Nuxt in order to take advantage of these new features and improvements. Use NuxtJs, and leverage its amazing Vue and Vite-powered features. What do you think about this new release, share your thoughts?
SQL tilida ma'lumot kiritish, tahrirlash, o'chirish va o'qish.
Tags: sql, beginners, webdev, database
Published: 2023-01-25 04:22:21

Bugun SQLda oddiy CRUD _(Create, Read, Update, Delete)_ query, yani so'rov yozamiz. Bu ma'lumotlar bazasida bajarilishi mumkin bo'lgan asosiy operatsiyalardir. 

**Ma'lumot kiritish** _(Insert)_

```
INSERT INTO jadval_nomi 
(ustun1, ustun2, ustun3) 
VALUES 
(qiymat1, qiymat2, qiymat3);
```

**O'qish** _(Select)_

```
SELECT ustun1, ustun2, ustun3 FROM jadval_nomi;
```
Yoki jadvaldagi barcha ma'lumotni o'qish quyidagicha ko'rinishda bo'ladi: 

```
SELECT * FROM jadval_nomi;
```

**Yangilash** _(Update)_

```
UPDATE jadval_nomi 
SET ustun1 = yangi_qiymat1, ustun2 = yangi_qiymat2 
WHERE ustun = qiymat;
```
 
**O'chirish** _(Delete)_

```
DELETE FROM jadval_nomi 
WHERE ustun = qiymat;
```

> UPDATE va DELETE dagi WHERE bandiga e'tibor bering. WHERE bandi qaysi qator(lar)ni yangilash/o'chirish kerakligini belgilaydi. Agar siz WHERE bandini yozmasangiz, jadvaldagi barcha qatorlar yangilanadi yoki o'chib ketadi!

---

## Keling endi bitta misolda ko'rib chiqsak.
'Talabalar' nomli jadval yaratamiz, uning talaba_id, ism, familiya, fakultet nomli ustunlari bo'lsin:

```
CREATE TABLE Talabalar (
    talaba_id INT,
    ism VARCHAR(255),
    familiya VARCHAR(255),
    fakultet VARCHAR(255)
);
```
Bu yerda int son, varchar esa matn ma'lumot turlari.
Keling unga ozgina ma'lumot kiritamiz:

```
INSERT INTO Talabalar
(talaba_id, ism, familiya, fakultet)
VALUES (1, 'Diyorbek', 'Qahramonov', 'Jismoniy madaniyat'),
       (2, 'Mubosher', 'Abdurashidov', 'Amaliy matematika'),
       (3, 'Samandar', 'Tursunov', 'Kiberxavfsizlik');
```
Ma'lumot kiritdik. Endi buni ko'rish uchun quyidagicha kod yozamiz:

```
SELECT * FROM Talabalar;
```
Biz bu yerda 'Talabalar' jadvalidagi barcha ma'lumotni ko'rsat demoqdamiz.
Natija: 

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

Hmm, biz ozgina xato ma'lumot kiritganga o'xshaymiz. Mubosherni boshqa fakultetga yozib qo'yibmiz, keling uni tahrirlaymiz:

```
UPDATE Talabalar 
SET fakultet = 'Jahon tillar' 
WHERE talaba_id = 2;
```
Natija:

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

Bizga endi Samandar haqidagi ma'lumotlar kerak emas, demak o'chirib tashlaymiz:

```
DELETE FROM Talabalar 
WHERE talaba_id = 3;
```
Endi ko'radigan bo'lsak bizda quyidagi natija chiqadi:

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

Bu amalga oshirilga amallar oddiy amallar edi. Qolganini o'zim o'rganishim davomida ulashib boraman, rahmat.
A glimpse of JavaScript strings.
Published: 2023-01-25 03:41:59

জাভাস্ক্রিপ্ট স্ট্রিং বলতে যেকোনো টেক্সট কে বুঝায় । স্ট্রিং জাভাস্ক্রিপ্ট এ খুবই গুরুত্বপুর্ন একটি টার্ম । স্ট্রিং লিখতে সিঙ্গেল বা ডাবল কোট ব্যাবহার করা হয়, যেমন -

```
let str1 = "Hello, world!";
let str2 = 'Hello, world!';
console.log(str1); // "Hello, world!"
console.log(str2); // "Hello, world!"

```
জাভাস্ক্রিপ্ট স্ট্রিং কে সুবিধামত পরিবর্তন করার জন্য বিভিন্ন স্ট্রিং মেথড ইউস করা হয় যেগুলো একেকটা ফাংশন । যেমন, আমরা যদি কোনো স্ট্রিংকে ছোট থেকে বড় হাতের অক্ষরে পরিবর্তন করতে চাই তাহলে string.toUpperCase() মেথড টি ইউস করতে পারি। এরকম আরোও কয়েকটি উদাহরণ নিচে দেয়া হল - 

```
let myString = "Hello, world!";
console.log(myString.length); // 13
console.log(myString.toUpperCase()); // "HELLO, WORLD!"
console.log(myString.toLowerCase()); // "hello, world!"

```
এরকম আরোও একটি কমন স্ট্রিং মেথড হল .indexOf() মেথড । এর দ্বারা আমরা কোন একটি স্ট্রিং এর ভেতর কোন স্পেসিফিক ওয়ার্ড বা আরেকটি স্ট্রিং আছে কিনা সেটা সার্চ করে দেখতে পারি। নিচের উদাহরণ এ "Hello, world!" স্ট্রিং এর ভেতর "world" শব্দটি ৭ম ইনডেক্স এ আছে ।

```
let myString = "Hello, world!";
console.log(myString.indexOf("world")); // 7

```

.split() মেথড টি দিয়ে আমরা একটি বড় স্ট্রিং কে যেকোনো ক্যরেক্টার অনুযায়ী আলাদা আলাদা করে একটি অ্যারে তে নিতে পারি। নিচের উদাহরণ এ "JavaScript is a powerful language" স্ট্রিং টিকে স্পেস এর প্রেক্ষিতে আলাদা করা হয়েছে এবং অউটপুট একটি অ্যারে আকারে এসেছে ।

```
let myString = "JavaScript is a powerful language";
let words = myString.split(" ");
console.log(words); // ["JavaScript", "is", "a", "powerful", "language"]

```
আমরা যদি কোন একটি স্ট্রিং কে একটি স্পেসিফিক ইনডেক্স এ আলাদা করতে চাই তাহলে আমরা .slice() মেথড টি ইউস করতে পারি ।

```
let myString = "JavaScript is a powerful language";
console.log(myString.slice(0, 10)); // "JavaScript"

```

.substr() মেথড টি .slice() এর মতই তবে এখানে আমরা এন্ডিং ইনডেক্স না বলে দিয়ে বলে দিব সে কোন ইনডেক্স থেকে শুরু করবে আর কত লেংথ এর স্ট্রিং কে আলাদা করবে ।

```
let myString = "JavaScript is a powerful language";
console.log(myString.substr(0, 10)); // "JavaScript"

```

আমরা যদি কয়েকটি স্ট্রিং কে একসাথে জোড়া দিতে চাই তাহলে .concat() মেথড ইউস করতে পারি । নিচের উদাহরণ টি দেখলেই সেটা সহজে বুঝা যায় ।

```
let str1 = "Hello";
let str2 = "world";
let str3 = "!";
console.log(str1.concat(" ", str2, str3)); // "Hello world!"

```

.split() এর ঠিক উল্টো হল .join() । এর দ্বারা আমরা একটি অ্যারে তে থাকা কয়েকটি স্ট্রিং বা শব্দ কে কোন একটা স্পেসিফিক ক্যরেক্টার বা শব্দ দিয়ে জোড়া দিতে পারি।

```
let arr = ["JavaScript", "is", "a", "powerful", "language"];
console.log(arr.join(" hello ")); // "JavaScript hello is hello a hello powerful hello language"

```

উপরে উল্লেখিত মেথড গুলো ছাড়াও আরো অনেক মেথড আছে যেগুলো আমরা নিচে দেয়া লিংক থেকে দেখে প্র্যাকটিস করতে পারি।

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

ধন্যবাদ
Agile Software Development Explained Day 2 ISTQB with Agile Extension
Tags: webdev, beginners, programming, tutorial
Published: 2023-01-25 03:35:06

In this video, we are going to start a new Series, We are going to explain, Agile Software Development in nutshell. 

{% embed https://youtu.be/4ezkhZTABRQ %}

This is Part of ISTQB Agile Tester Certification aka Certified Tester Foundation Level - Agile Tester ( ISTQB) Series Day 2

✅ Download Notes - https://sdet.live/notes


✅ What is Agile ?
Agile is the ability to create and respond to change. 

✅ What is Agile Software Development ?
Agile software development is an umbrella term for a set of frameworks and practices based on the values and principles

✅ What is ISTQB?
The International Software Testing Qualifications Board is a software testing certification board that operates internationally. Founded in Edinburgh in November 2002, the ISTQB is a non-profit association legally registered in Belgium.

✅ What is Certified Tester Foundation Level - Agile Tester ( ISTQB)?
Foundation Level Agile Tester
Link - https://www.istqb.org/certification-p...



✅ Why ISTQB® Certification?
- High quality syllabi: all syllabi are developed and reviewed by leading testing professionals from academia and industry.
- Global recognition: certifications are recognized globally because of the consistent application of ISTQB® policies and procedures by the member boards.
- Common language: the ISTQB® Glossary provides a common vocabulary for the profession.
Objectivity: the assessment of tester capabilities is conducted independently by ISTQB® and provides objective verification of competencies.
Adherence to a Code of Ethics: all ISTQB® certified testers adhere to the Code of Ethics defined by ISTQB®.
Public Availability: ISTQB® glossary and syllabi is made freely available on the ISTQB® website and on the Member Board websites in local languages.
Openness

Link. - https://www.istqb.org/certification-p...


✅ Main Exam Syllabus
- Agile Software Development
- Fundamental Agile Testing Principles, Practices and process
- Agile Testing Methods, Techniques and Tools
Link - https://www.istqb.org/downloads/send/...


✅ API Testing –
https://www.learnapitesting.com


✅ Cypress Tutorial with LIVE Projects –
http://cypresstutorial.com


🟢 30 Days of Automation Testing
https://go.scrolltest.com/automation

🟢 30 Days of API Testing
https://apitesting.co/30days

🟢 30 Days of Rest Assured
https://go.scrolltest.com/30days-rest...


—————————————————–
👪 Join our Community – http://bit.ly/learntesting2019

✅ Automation Tester Community – https://thetestingacademy.com

🐦Follow us on Twitter – https://twitter.com/itstechmode

📖 Like us on Facebook – https://www.facebook.com/scrolltest

🎤 Listen to our Podcast – https://anchor.fm/thetestingacademy

——————————————————

 #agilesoftware #agile #istqb #istqbcertification #agiletester #agilecertification #agiletesting
ORM: Prisma or Sequelize?
Tags: database, orm
Published: 2023-01-25 03:01:38

You are considering which ORM to use for your project, as someone who has used both Prisma and Sequelize, I will advise you go for Prisma.

It has everything you need now and might need in the future.

This article would be a growing one, as I would be updating it with more points with time.

1. Migrations are dumb on Sequelize.

When you make changes to a DB model while working in a different environment, migrations help you to keep track of the changes and apply these changes when you deploy/merge to another environment. This ensures that, for example, a column you just added to dev environment would be added automatically to staging environment if your PR was merged.

With Prisma you just have to issue a few command line commands to update your migration files. The commands may not be more than two. Here are the commands I use on my current project:

```
npx prisma generate  

npx nx run backend:migrate-dev or npx prisma migrate dev
```

That is all.

But with Sequelize, it is like you are writing the migration files your self. Sequelize does not pick and create the migration file from the model (and changes to it), this make it error prone and stressful.
WebSockets protocol: Innovating your projects with efficiently live communication.
Tags: webdev, javascript, beginners, productivity
Published: 2023-01-25 02:52:34

## Presentation
Hello, my name is Lucas Reis, I am 19 years old and a Software Engineering student at UNIEvangélica de Goiás, Brazil. To understand this article, it is recommended that you have some knowledge about [Network Protocols](https://www.comptia.org/content/guides/what-is-a-network-protocol) and [how Web works at background.](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works#:~:text=The%20browser%20sends%20an%20HTTP,internet%20connection%20using%20TCP%2FIP.)

I am here to introduce you to a powerful network protocol that can enhance your projects - [WebSockets](https://www.rfc-editor.org/rfc/rfc6455).

## What is WebSockets?
WebSocket is, at its core, an application protocol, similar to HTTP or FTP. The main difference is that in these other protocols, communication ends after a request-response interaction, while in WebSockets, the communication persists until one of the sides closes the channel. See the diagram below:

![WebSockets message diagram](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wuu84bwu8wh0whh3hogj.png)

## Origin
This protocol is built on top of TCP/IP, just like HTTP, but it can also be used in conjunction with HTTP to establish an initial connection between the client and server. Its origins can be traced back to December 2011, when the web was transitioning to Web 2.0, the web of interactions. With this protocol, it has been possible to create real-time applications such as web chats, video games, and more.

## Handshake HTTP Sample
![Screenshot from RFC 6455](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1zdse3jakiq21sycnms.png)

## What can this be helpful?
WebSockets can be extremely useful in certain situations where you need persistent and bidirectional real-time communication. In such contexts, it can be the best way to create an application that meets these requirements.

## Application Sample
**1. Webchat**
_You can use WebSockets to easily develop a real-time web chat!_

**2. Tracker**
_A Tracker can be developed using WebSockets to communicate in real-time between the front-end that sends coordinates to the back-end every 5 seconds or something similar._

**3. Notifications**
_You can use WebSockets to communicate with the client that they have a new update without the need to reload the page or retrieve a specific endpoint with new notifications._

**4. Video Games**
_Video Games can be developed using WebSockets as a Framework! It can enable instant communication between players and the server on the web without losing packets or causing lag._

## The end!
This protocol is a great way to innovate your projects and show your friends that you know how to use TCP/IP to its full potential without sacrificing network performance! You are welcome to make suggestions for this article or correct any errors. =D

## References
- [RFC 6455](https://www.rfc-editor.org/rfc/rfc6455)
AppDev Week 4
Published: 2023-01-25 02:51:21

AppDev Week 4

Crossroads!

2-3 small apps in Ruby 

Flutter
React 
Ionic.js

react separates frontend from back end, no server side rendering

4 more homework and then a small project that works 

assignments 
figure out which way Im leaning 

ruby notes 

attr_accessor creates a getter and setter function for whatever symbol you define 

attr_reader creates the getter 

initialize method to set up stuff for htat model before doing anything with it 


first step is to inspect routes to limit user functionality 
each of hte routes if you allow, determine who is allowed
and check the logic 
next, don’t show people things they shouldn’t see 
use conditional statements to hide things they shouldn’t see 
in the view templates 




define a before action to help minimize redundant code


gem that helps with authorization

Pundit gem! 

remember rails doesnt autoload every folder! if a new one like policies is needed, you must note it 


raise exception rather than redirect_back when theres an error
Class Week 4
Published: 2023-01-25 02:47:42

- User can see profile (or comment/like picture) if a user is public, my profile or user is a leader for current user
- We need to be careful to change in every view
- has_one: does the at(0) on the collection, it works if we know we just have one element (example: owner)

- Be careful with the logic, true/false and && or ||
- We do tests to see if they are working (and sometimes the code for the test is longer than the app's)

- Authentication != authorization. Device for first, and pundit for second
3 Places where Hard-To-Read code is a Good Code
Tags: programming, coding, devjournal, developers
Published: 2023-01-25 02:34:00

As everyone knows, “good” code is easy to read and follow. 

You need to choose readable variables, clear function names, and so on and so forth. But then again:
                                                                                                                                            

1. If you’re writing code for fun, for your own use, who cares?

2. If you’re entering The International Obfuscated C Code Contest

3. The world is full of spreadsheets and one-off scripts that are hard-to-read, but nonetheless, work correctly and produce huge value.

Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more in DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).