teleren/devto huggingface dataset:
Best WordPress Designer in Pakistan
Tags: wordpress, wordpressdesigner, wordpressexpert
Published: 2023-12-04 12:32:48

##  Abdul Kareem Khushik
Pakistani WordPress designer [Abdul Kareem](https://www.fiverr.com/s/lD7eVA) is an expert. He has a great deal of expertise building aesthetically pleasing and intuitive WordPress websites. He can assist you in developing a unique website that satisfies your particular requirements because he is also an expert in WordPress development.

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

Abdul Kareem has a successful track record and has assisted several companies in building websites that have enabled them to accomplish their objectives. He is an enthusiastic and hardworking designer that is determined to giving his customers the finest support available.
Abdul Kareem is a [WordPress designer](https://www.fiverr.com/s/lD7eVA) in Pakistan that I wholeheartedly suggest. I wholeheartedly suggest He is an experienced and talented designer that can collaborate with you to create a website that you would love. 
**Skills and Experience:**

- •	WordPress development: Abdul Kareem is an expert in WordPress development, and he can help you create a custom website that meets your specific needs.
- •	WordPress customization: Abdul Kareem can customize your WordPress website to match your brand and style.
- •	WordPress maintenance: Abdul Kareem can help you maintain your WordPress website and keep it up-to-date.
- •	WordPress SEO: Abdul Kareem can help you optimize your WordPress website for search engines.

**Contact Information:**
LinkedIn : https://www.linkedin.com/in/abdul-kareem-khushk-wordpress-expert-9079b025a/
facebook : https://www.facebook.com/profile.php?id=100023429030111&mibextid=ZbWKwL
Contact : 03000244118
Fiver : https://www.fiverr.com/s/lD7eVA


## Zera creativez
Zera Creative can handle all of your WordPress needs, including design, development, and upkeep, in one convenient location. Their skilled design team will produce a visually stunning and useful website.


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



## Khakan
Khakan H is a well regarded WordPress developer with more than 7 years of experience on Upwork. He is skilled in all facets of WordPress development, including user experience design, security, SEO, performance optimization, and theme and plugin creation. He can also customize pre-existing themes and plugins.

noman
Full-stack developer Noman Arain has a love for creating amazing web experiences. With his expertise with WordPress and Shopify, he can assist you in developing a visually stunning and useful website.

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

## Hucyn Syed
Experienced WordPress website designer Hucyn Syed is passionate about building aesthetically spectacular and very useful online experiences. He's successfully created websites for companies of various sizes in the past.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xcwpon8d4770erazh6bt.png)
how to develop an E-commerce platform in USA
Published: 2023-12-04 12:30:34

Developing an e-commerce platform in the USA involves several key steps. Here's a simplified guide:

Market Research:

Understand the U.S. e-commerce market.
Identify your target audience and competitors.
Business Plan:

Define your business model and offerings.
Outline your marketing and sales strategies.
Legal Considerations:

Register your business and comply with local regulations.
Set up secure payment processes and privacy policies.
Choose a Platform:

Select an [e-commerce platform](https://technoderivation.com/ecommerce-development-company) (e.g., Shopify, WooCommerce, Magento).
Consider scalability, features, and ease of use.
Design and User Experience:

Create a user-friendly and visually appealing design.
Prioritize mobile responsiveness.
Product Listings:

Implement a robust product management system.
Optimize product descriptions and images.
Shopping Cart and Checkout:

Develop a smooth and secure shopping cart.
Simplify the checkout process.
Payment Integration:

Integrate popular payment gateways (e.g., Stripe, PayPal).
Ensure secure transaction processes.
Shipping and Tax Configuration:

Configure shipping options and rates.
Implement tax calculations based on U.S. regulations.
Security Measures:

Implement SSL certificates for secure data transmission.
Regularly update and patch security vulnerabilities.
User Accounts and Authentication:

Provide user account functionality.
Ensure secure authentication processes.
Testing:

Thoroughly test your platform for functionality and security.
Conduct usability testing.
Launch:

Choose an appropriate launch date.
Monitor performance and address any issues.
Marketing and SEO:

Develop a marketing strategy to promote your platform.
Implement SEO best practices.
Analytics and Monitoring:

Set up analytics tools to track user behavior.
Use data to make informed improvements.
Customer Support:

Establish customer support channels.
Provide clear contact information.
Regular Updates:

Keep the platform updated with new features and improvements.
Adapt to market trends and customer feedback.
Localize Content:

Consider regional preferences and localize content.
Tailor marketing efforts to specific U.S. regions.
Remember to stay informed about any changes in the e-commerce landscape and continuously optimize your platform based on user feedback and market trends.
Use jest.fakeTimers correctly
Tags: jest, javascript, testing
Published: 2023-12-04 12:24:39

If you are wondering why useFakeTimers() in jest does not seem to work every time, wonder no more! Here is your solution :)

## Setup

I needed to write a unit test that checks if a form reset action is executed correctly:
```javascript
it('should reset form state', () => {
  store.dispatch(new ResetForm());
  expect(store.state.form).toStrictEqual(testData.formDefaults());
});
```

## Problem

The problem were the `new Date()` calls in the default form state and in the `formDefaults()` method. Both created a new date object at runtime that was different in milliseconds.
```
-  "date": 2023-12-04T08:55:27.697Z,
+  "date": 2023-12-04T08:55:27.501Z,
```

I remembered there were [fakeTimers](https://jestjs.io/docs/jest-object#fake-timers) in Jest that I wanted to use. As the docs say, you can call `jest.useFakeTimers()` anywhere in your test file. So I called it in `beforeAll()` and got another error.
```
-  "date": 2023-01-01T00:00:00.000Z,
+  "date": 2023-12-04T09:23:24.315Z,
```

As you can see, the expected date is now correct (2023-01-01), but the received date is still the current date, which means that the fakeTimers from jest were not executed in the `ResetForm` action.

## Solution

Without going into the details of the NGXS state library that was used, the problem is that the fake timers mock are not present when the state is set up with some default values.

The solution is very simple, just call `jest.useFakeTimers();` before importing any modules (very top of file) into your test and you're good to go. 🥳

Of course, you can use your test-setup.ts to set this globally.
Enlaces a visitar :)
Published: 2023-12-04 12:16:49

[](url)https://abrasivosmetalfix.com/
[](url)https://iseasesores.com/
[](url)https://massim.es/
[](url)https://www.afilcoasesores.com/
[](url)https://gruasdotahur.com/
[](url)https://sanenmutua.es/
[](url)https://rocadefisan.es/
My simple pratice project
Published: 2023-12-04 12:10:53

I am working on JS simple projects

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8lj4yf02wz48f39nt5q.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lh1ancbecw9ql7gqp3go.png)
RE/MAX Belize
Published: 2023-12-04 11:56:03

RE/MAX is not only the largest real estate company in the world, it is also the largest network of offices and agents in Belize. With offices in every corner of Belize, RE/MAX has the largest market share. This network is important when looking at Belize real estate as we do not have a standard MLS.  RE/MAX Belize agents have market and property knowledge.
[Belize Investment Property](https://remaxbelizerealestate.com/belize-investment/)
AI multi prompt extension - now on chrome store 🌐🔥
Tags: ai, promptengineering, extensions, chrome
Published: 2023-12-04 11:51:56

---
title: "AI multi prompt extension - now on chrome store 🌐🔥"
published: true
tags: #ai, #promptengineering, #extensions #chrome
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mhjk1jf8m1cmue9w3k99.png
series: AI multiprompt extension
---

🎉 News for AI enthusiasts! [AI Multi Prompt Browser Extension][extension] is now live on the [Chrome Web Store!][chrome] 🌐🔥

Easily interact with multiple AI chats like [ChatGPT], [Bard], [Copilot], [Phind] and [Perplexity] simultaneously. Say goodbye to the hassle of submitting the same prompt to different AI platforms. 🤖💻

👩‍💻 Designed for Chrome ( and Safari ), this extension is a must-have in your AI-toolchain for amplify your AI chat experience. take a look at video below 👀

{% youtube Avz-t9oAZ6Y  %}


🔗 Check it out on the [Chrome Web Store][chrome] and enhance your productivity today! thanks and happy AI chatting 💬🤖.


[extension]: https://dev.to/bsorrentino/ai-multi-prompt-browser-extension-3815
[chrome]: https://chromewebstore.google.com/detail/jmifflpjnpeamgeclkhlbilpjjmhajmd/preview?hl=en
[chatgpt]: https://chat.openai.com/
[bard]: https://bard.google.com/
[perplexity]: https://perplexity.ai/
[phind]: https://phind.com/
[copilot]: https://copilot.microsoft.com/
Bun vs Node.js: TW Elements now with Vite with Bun
Tags: webdev, javascript, news, programming
Published: 2023-12-04 11:30:00

#TW Elements - now with Vite with Bun#

Bun is a tool that is designed to replace Node.js in the development of web applications. The main goal of Bun is to reduce the startup times and memory usage of created apps. Vite works with a Bun out of the box. TW Elements can be imported in Vite applications according to the following procedure: 
**[TWE Bun.js Short Guide](https://tw-elements.com/docs/standard/getting-started/quick-start/#vite-with-bun)**

#Node.js vs Bun.js#
##Development and Release:##

**Node.js:** Developed by Ryan Dahl in 2009, Node.js is an open-source, cross-platform runtime environment for executing JavaScript code outside a web browser. It's widely used and has a large community.
**Bun:** Bun is a newer and less mature environment compared to Node.js. It's designed to be faster and more efficient, focusing on modern JavaScript features.

##Performance:##

**Node.js:** Uses the V8 engine (also used by Google Chrome) for executing JavaScript. While it's known for good performance, especially for I/O-bound tasks, it can be less efficient for CPU-intensive tasks.
**Bun:** Touted for its performance improvements over Node.js, Bun aims to execute JavaScript faster and handle I/O operations more efficiently. It might be a better choice for applications where performance is a critical factor.

##Community and Ecosystem:##

**Node.js:** Boasts a large and mature ecosystem with a vast number of libraries and tools available through npm, the Node.js package manager.
**Bun:** Being newer, Bun's ecosystem is not as developed as Node.js. This might limit the availability of third-party libraries and tools.

##Compatibility:##

**Node.js:** Widely compatible with numerous libraries and tools. It's a go-to choice for many developers due to its stability and compatibility.
**Bun:** May have compatibility issues with some Node.js packages or tools, as it's still in a relatively early stage of development.

##Use Cases:##

**Node.js:** Ideal for a wide range of applications, from web servers to IoT applications. Its large community and extensive library support make it a versatile choice.
**Bun:** Might be preferred for projects where cutting-edge performance is required, though the trade-off is a smaller ecosystem and potential compatibility challenges.

##Future Outlook:##

**Node.js:** Continues to evolve, with an emphasis on stability and maintaining a broad user base.
**Bun:** Represents a newer approach to JavaScript runtime environments, focusing on performance and modern JavaScript features. It's a project to watch for future developments.

#TWE Bun.js Short Guide#
Check it out **[HERE](https://tw-elements.com/docs/standard/getting-started/quick-start/#vite-with-bun)**
Day 5 - 30 Days learn Web Dev
Tags: javascript, programming, beginners
Published: 2023-12-04 11:28:19

**4 Dec 2023**

Finished [2621. Sleep](https://leetcode.com/problems/sleep/)

**What I learn:**
- Promises
- setTimeout() return a timeoutID
- `clearTimeout(timeoutID)`
- .finally() in promise
- JavaScript's Event Loop
- we can use promise chaining to avoid "callback hell" or "pyramid of doom"
- we can write asynchronous code that almost looks like synchronous code with the assistance of async and await, it is easier to understand and maintain
Understand web Accessibility: what's an accessible digital product? (part 3)
Tags: a11y, webdev, learning
Published: 2023-12-04 11:15:18

When you want to provide an accessible digital product, when do you that it's done and your product will be fully compliant?

To give a short answer, one of the most common ways is to realize an a11y audit with an expert or a firm specialized in a11y audits. Regarding where you are in the World, you will have to follow some specific rules (WCAG or based on the WCAG). And an overlay will never be enough: [https://monsido.com/blog/accessibility-overlays-not-enough](https://monsido.com/blog/accessibility-overlays-not-enough).
And without a strong knowledge about these rules and how to test it, it will not be efficient to give you an overview of your a11y compliance.

But what you need to understand is that an accessibility audit doesn't mean anything if you don't try anything after that to fix your issues...
Advent of Code 2023 - DAY 4
Tags: rust, adventofcode
Published: 2023-12-04 11:09:10

# Problem Day 4: Scratchcards
Here the day 4 problem statement: [https://adventofcode.com/2023/day/4](https://adventofcode.com/2023/day/4)

## Solution Part 1
```rust
pub fn part_one(input: &str) -> Option<u32> {
    let cards = input.split('\n').collect::<Vec<&str>>();
    let mut total = 0;
    for card in cards {
        let mut points = 0;
        let (_, cards_line) = card.split_once(": ").unwrap();
        let (winning_cards, my_cards) = cards_line.split_once(" | ").unwrap();

        let winning = winning_cards
            .split(' ')
            .filter(|&x| x.ne(""))
            .collect::<Vec<&str>>();

        let mine: Vec<&str> = my_cards
            .split(' ')
            .filter(|&x| x.ne(""))
            .collect::<Vec<&str>>();

        for card in mine {
            if winning.contains(&card) {
                if points == 0 {
                    points = 1;
                } else {
                    points *= 2;
                }
            }
        }
        total += points;
    }

    Some(total)
}
```
## Solution Part 2
```rust
pub fn part_two(input: &str) -> Option<u32> {
    let cards = input.split('\n').collect::<Vec<&str>>();
    let mut n_winning = vec![0u32; cards.len()];
    let mut copies = vec![1u32; cards.len()];

    for (i, card) in cards.iter().enumerate() {
        let (_, cards_line) = card.split_once(": ").unwrap();
        let (winning_cards, my_cards) = cards_line.split_once(" | ").unwrap();

        let winning = winning_cards
            .split(' ')
            .filter(|&x| x.ne(""))
            .collect::<Vec<&str>>();

        let mine: Vec<&str> = my_cards
            .split(' ')
            .filter(|&x| x.ne(""))
            .collect::<Vec<&str>>();

        for card in mine {
            if winning.contains(&card) {
                n_winning[i] += 1;
            }
        }
    }

    for i in 0..n_winning.len() {
        for j in i + 1..=i + n_winning[i] as usize {
            copies[j] += copies[i] as u32;
        }
    }

    Some(copies.iter().sum())
}
```

[Here](https://github.com/fushji/advent-of-code-2023) the repository with all puzzle solutions.
Angular routerLinkActive directive
Published: 2023-12-04 11:00:00

Have you ever wondered how to highlight a specific HTML element, such as a link or a button, when a particular URL is selected? Something similar to this:

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

In Angular, there is a specific directive for this called [routerLinkActive](https://angular.dev/api/router/RouterLinkActive?tab=description). Here is how you can use it:

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

The value set to **routerLinkActive** is the name of a **CSS class** (or **several CSS classes**) that gets applied to the HTML element when the current URL path matches the path of the routerLink directive on that same element. In other words, if the path is **page1**, then the button element has an active class applied to it.

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

As a result, all I did to style the above example was add that CSS class definition to my global CSS file:

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

And that's it! Note that the directive supports several other options documented here:

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

---

I hope you found it useful. Thanks for reading. 🙏

Let's get connected! You can find me on:
- **Medium**: https://medium.com/@nhannguyendevjs/
- **Dev**: https://dev.to/nhannguyendevjs/
- **Substack**: https://nhannguyendevjs.substack.com/
- **Linkedin**: https://www.linkedin.com/in/nhannguyendevjs/
- **X (formerly Twitter)**: https://twitter.com/nhannguyendevjs/
Advent of Code 2023 - December 4th
Tags: advent, adventofcode, python, december
Published: 2023-12-04 10:52:43

---
title: Advent of Code 2023 - December 4th
published: true
description: My progress with the 2023 version of Advent of Code
tags: advent, adventofcode, python, december
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36qayk14ewje7rvykeg5.jpg
series: Advent of Code 2023
# published_at: 2023-12-01 17:41 +0000
---

In this series, I'll share my progress with the 2023 version of [Advent of Code](https://adventofcode.com/2023).

Check the first post for a short intro to this series.

You can also follow my progress [on GitHub](https://github.com/robvanderleek/adventofcode).

## December 4th

[The puzzle of day 4](https://adventofcode.com/2023/day/4) was pretty easy, a much-needed laid-back start of the week. Although the input looked intimidating at first glance, it only took me 28 lines to solve both parts of the puzzle.

__My pitfall for this puzzle:__ Not really, the description and input data looked intimidating, but programming the solution was straightforward.

{% spoiler Solution here, do not click if you want to solve the puzzle first yourself %}

```python
#!/usr/bin/env python3
import re

with open('input.txt') as infile:
    lines = infile.readlines()

total = 0
multiplier = [1 for line in lines]

for index, line in enumerate(lines):
    [card, numbers] = line.strip().split(':')
    [winning, mine] = numbers.split('|')
    winning_numbers = [int(n) for n in re.split('\s+', winning.strip())]
    my_numbers = [int(n) for n in re.split('\s+', mine.strip())]
    card_winning = 0
    for n in my_numbers:
        if n in winning_numbers:
            card_winning += 1
    if card_winning > 0:
        total += pow(2, card_winning - 1)
        for i in range(1, card_winning + 1):
            if index + i >= len(lines):
                break 
            for j in range(multiplier[index]):
                multiplier[index + i] = multiplier[index + i] + 1

print(total)
print(sum(multiplier))
```

{% endspoiler %}

That's it! See you again tomorrow!
Discover London Mart: Your Ultimate Guide to Futuristic Commercial Spaces in Noida Extension
Tags: londonmart, investormart, realestate
Published: 2023-12-04 10:50:14

Join us on a journey through **London Mart**, where forward-thinking design and a visionary approach converge to shape the future of commercial spaces in Noida Extension. For More Information: [Click Here](https://justpaste.it/London_Mart)
Uncovering Global YouTube Trends with Power Bi
Tags: data, analytics, powerbi, insights
Published: 2023-12-04 10:49:22


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

It’s truly captivating how powerful tools like Power BI allow us to delve into raw data, unraveling its secrets and extracting invaluable insights that individuals and organizations can leverage to drive data-informed decisions. In this exciting journey, I embarked upon an exploration of the Global YouTube dataset, unearthing intricate patterns and illuminating trends across streams, views, and subscribers for the world’s most prominent YouTubers!

**Data Source**

The dataset I used I got from Kaggle, here is the link https://www.kaggle.com/code/baohuynhthai/global-youtube-statistics-analysis-2023/output, the data was already cleaned so yeah! I did not do much in terms of cleaning up the data.

**Report Insights**

Here is an overview of the global YouTube statistics showing subscribers, YouTubers, and their monthly earnings (highest and lowest), total views for each category as well as subscribers by category, the numbers are displayed on the dashboard below;

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

There’s quite a huge difference between the highest and lowest monthly earnings, up to 546M! What could be the reasons for such a huge difference? What are the secrets behind these huge numbers?

Let’s see!

**Youtuber Statistics**

Is there a link or relationship between the number of subscribers a YouTuber has, Uploads, Number of views, and their total earnings per month? Let’s see what the dashboard below has to say about this!

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

Well, there is quite a strong relationship between the number of subscribers and number of views that a YouTube channel has. Check out T-Series, it has the most number of subscribers and views too, but it’s not the same case with the number of uploads it has, does it?

**Population statistics**

Ps. Most of the subscribers are from America, Europe, and Asia.

Can you see how entertainment is dominating? Up to 100 billion people spend their time on entertainment, even the students in tertiary! Fascinating indeed!

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

But wait, there’s more! This revelation holds profound significance for YouTubers worldwide. Armed with these statistics, content creators gain an unprecedented advantage in shaping their creative endeavors. They now possess insights into the very essence of YouTube viewers’ preferences, enabling them to craft content that resonates with the masses.