teleren/devto huggingface dataset:
Tesla Chargers Melbourne - Engine EV
Published: 2024-01-26 12:01:28

Ever wondered how charging your electric vehicle could be a seamless blend of efficiency and innovation? Engine EV introduces the future of convenience with our cutting-edge EV charging station Melbourne, including dedicated Tesla Chargers. Ever wondered about the seamless fusion of sustainability and speed? Look no further. Our state-of-the-art stations and [tesla chargers Melbourne](https://engine-ev.au/tesla-chargers-melbourne/) redefine the electric vehicle charging experience, providing a swift and eco-friendly recharge for your Tesla and other electric vehicles. Say goodbye to range anxiety and hello to hassle-free charging. We invite you to join the green revolution, effortlessly fuelling your ride into tomorrow. Embrace the electrifying future; plug into progress with Engine EV Charging Stations today!
Booster Framework raises the bar in scalability
Tags: typescript, eventdriven, serverless, performance
Published: 2024-01-26 11:50:19

Thanks to the collaboration with our partners using [Booster Framework](https://www.boosterframework.com/) in Azure, version 2.2 has completely **redesigned how the event processing is handled**.

It now uses a combination of the services [Azure Cosmos DB change feed](https://learn.microsoft.com/en-us/azure/cosmos-db/change-feed) and [Azure Event Hubs](https://learn.microsoft.com/en-us/azure/event-hubs/event-hubs-about) in a way that it can process virtually any number of events in a given time without affecting the rest of the application and still keeping **very low processing times**.

## How it works
Before this change, the event processor was only managed by the “Azure Cosmos DB change feed”, which forced Booster to only use a single processing unit ([Azure Function App](https://learn.microsoft.com/en-us/azure/azure-functions/functions-overview)) for the event processing in most situations. While, with this approach, you can still process almost any number of events at a given time, you can experience long delays in situations where thousands of events are registered in a short period of time (in seconds). This is translated to read models that take tens of seconds to reflect the changes, event handlers that get executed long after the corresponding event is registered, etc.

[Booster 2.2](https://github.com/boostercloud/booster/releases/tag/v2.2.0) now uses Azure Cosmos DB change feed just to send the event to Azure Event Hubs, where it is **distributed optimally among partitions and sent to the corresponding event processor**. The great advantage of this approach is that we can have many Azure Function Apps (not just one) processing events in parallel, **reducing the latency to the minimum**.

Despite this extra level of concurrency and parallelism, all the guarantees Booster offers about data consistency and the order of events are still kept.

Of course, this change doesn’t affect the developer experience or the code of any current Booster application.

## Conclusions
Booster has always been focused on scalability (this is one of the reasons that made us take architectural decisions like using event-driven or CQRS), but this new version **takes it to the level of the most demanding enterprises of the world**.

We keep pushing hard to bring the best of the event-sourcing, CQRS, and serverless worlds to a framework that offers a neat developer experience focused on what matters. _Is there something you think can be improved?_ Go ahead and make a suggestion! Remember that **[Booster is open-source](https://github.com/boostercloud/booster)**.
A story about the creation of "AI Storages," a service that allows users to manage AI-generated images
Tags: ai, programming, stablediffusion, novelai
Published: 2024-01-26 11:43:12

---
title: A story about the creation of "AI Storages," a service that allows users to manage AI-generated images
published: true
description: 
tags: AI, Programming, StableDiffusion, NovelAI
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-01-26 11:43 +0000
---

Site created for this project
https://ai-storages.com/

Click here for technical information
https://zenn.dev/articles/31b404e2bc6dc9/edit

About the site

Upload images generated by Stable Diffusion Web UI or Novel AI, and the prompts used are analyzed and compiled into a database.

Search by prompts used and a list of corresponding images will be displayed.

Free to use the site.

Paid monthly subscription plans allow you to hide ads and increase the maximum number of images you can manage.
The lessons I learned after having a micro launch of my product on Reddit
Tags: indiehackers, sideprojects, startup, passiveincome
Published: 2024-01-26 11:22:44

First, I'd like to introduce [my product](https://www.play-2048.com) a bit. My product is a [2048 game](https://www.play-2048.com) website. I chose [2048 game]((https://www.play-2048.com)) as the game because I was quite addicted to it when it was first released in 2014. In my opinion, it's a simple game but challenging to master. I also have quite a few ideas for it. Seeing successful websites like [online-solitaire.com](http://online-solitaire.com) only strengthens my belief in my principle: Doing something as simple but achieving it to perfection will lead you to success!

I create a [website](https://www.play-2048.com) using my familiar technical stack: Next.js and Netlify. I spent about 20 hours building the initial version that could run, but I was not satisfied with the performance and the codebase. I thought it was very difficult to be extended. I then spent another 20 hours to rewrite the codebase and fix some performance issues.

Finally, there was no plan beforehand. I just wanted to post it on a few subreddits and see people's reactions. Surprisingly, the majority of the responses were positive, and some were just about bugs and suggestions for new features. Here are the things I learned:

* Focus on one feature and do it well. Let the users feel comfortable using it. I have quite a few features I want to add, like a leaderboard and some other game variations. But that's for the future.

* Don't be afraid to do things no one else wants to do. When I started, I thought no one would want another [2048 game](https://www.play-2048.com) website. But here we are.

That's all for today's sharing! Please follow the page! I will update the project's progress here ^^

Origin: https://www.namvhoang.com/blogs/2023-11-21-lessons-learned-micro-launch-product-reddit/
Is Apple Evil?
Tags: apple, philosophy, technology, capitalism
Published: 2024-01-26 11:16:09

Is Apple Evil?
I have experienced a lot of hate towards Apple online recently due to some recent ongoings with Apple and the EU. I understand some of those complaints are valid, is it really fair to chastise Apple for less than fair business practices when every company is doing the same thing. 

At least the product Apple provide is damn good at what it does.

Obviously, Apple has a profit maximisation strategy, you don't get to be the first company to reach a trillion dollar value without a profit maximisation strategy.


![Photo By [Chris Nagahama](https://medium.com/r/?url=https%3A%2F%2Funsplash.com%2F%40chris_pixel%3Futm_source%3Dmedium%26utm_medium%3Dreferral) on [Unsplash](https://medium.com/r/?url=https%3A%2F%2Funsplash.com%3Futm_source%3Dmedium%26utm_medium%3Dreferral)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqvcpmjk0j97xvqud8c7.jpg)

I firmly believe they do this so they have the means to fund research and improvements to their current products. Due to having a large amount of revenue sitting in their back pocket, they are able to perform experiments such as the M-series chips. These experimental chips would be a huge risk to most companies. To Apple, this is a "Nah, we've been researching and fine-tuning this chip for years now, we know it's damn well ready".

I am also a firm believer of the future containing a significant downsize in the amount of peripherals we use. I personally use just a MacBook with a Tiling Window Manager, and that is more than enough screen real estate for a full stack developer. Plus, the screens are beautiful to look at.

I think it's impossible for any one body (human or corporation) to be truly benevolent or the malevolent. However, I think Apple understands that to remain on top of the market, they need to play capitalism effectively.

By remaining on top of the market, they are able to further what is possible in technology due to having the know-how, the funds, and the support.

They display a lack of malevolence due to the fact they aren't making inferior products. An evil company would be selling you the cheapest thing possible for the most amount of money, at the cost of the planet and it's inhabitants. As you can tell from the quality of Apple products, this really isn't the case.
Transform MongoDB into an AI development and deployment powerhouse
Tags: ai, database, python
Published: 2024-01-26 11:12:35

 🔮 Yesterday, we from SuperDuperDB had an amazing webinar with MongoDB, where we shared with the community how #SuperDuperDB transforms MongoDB into an AI development and deployment powerhouse just using Python, to empower devs on how to implement state-of-the-art AI effortlessly without the need of moving their data into complex pipelines or specialized databases.

We presented a demo of how SuperDuperDB works, and you can check it out here how to get started: https://www.youtube.com/live/3UuHT8sd3dc?si=Orz_UzRmzg3hXFU7&t=1765
office fit out
Published: 2024-01-26 11:12:12

Hamilton Interiors brings you top-quality office fit out solutions. As one of the leading **_[office fit out companies in Melbourne](https://hamiltonsci.com.au/office-fitouts-melbourne/)_**, we understand the significance of creating a functional and aesthetically pleasing workspace. Our team of experts is dedicated to delivering tailored office fitouts that align with your brand image and business objectives. With careful attention to detail, we optimise your available space, maximise productivity, and provide a comfortable working environment for your employees. From designing and planning to installation and project management, our experts handle every aspect of your office fit-out project seamlessly. With our expertise and commitment to excellence, we ensure a hassle-free experience from start to finish. Enhance your office space today with Hamilton Interiors - the trusted choice for office fit-outs.
Dear Web Component
Tags: webcomponents, javascript, dom, frontend
Published: 2024-01-26 10:57:58

## How would you address your new found love?

```javascript
  class ClickButton extends HTMLElement {
    constructor() {
      super(); // Always call super() first 
      this.shadow = this.attachShadow({mode:'open'});
      const buttonElement = document.createElement('button');
      buttonElement.innerHTML = 'Click me';
      const myButtonEl = this.shadow.appendChild(buttonElement);
      myButtonEl.addEventListener('click', () => {
        alert('Button clicked!');
      });
      this.button = buttonElement;
    }
  }
  customElements.define('click-button', ClickButton);
```

# or

```javascript
  customElements.define('click-button', class extends HTMLElement {
    constructor() {
      const createElement = (tag, props = {}) => Object.assign(document.createElement(tag), props);
      super() // sets AND returns 'this'
        .attachShadow({mode:'open'}) // sets AND returns this.shadowRoot
        .append(
           this.button = createElement( 'button', {
             innerHTML: 'Click me',
             onclick  : (evt) => alert('Button clicked!', this.nodeName)
           })
        );
    }
  });
```

* [JSFiddle playground](https://jsfiddle.net/WebComponents/ntmwx61v/)

* [Web Components #102 - 5 more lessons after #101](https://dev.to/dannyengelman/web-component-102-the-5-lessons-after-learning-web-components-101-h9p)

* [OPENAI GPT: Create or Refactor (your) Web Component](https://chat.openai.com/g/g-quK0nMtwZ-create-or-refactor-your-web-component)

<br>
<br>
<hr>
<br>

{% jsfiddle https://jsfiddle.net/WebComponents/62f1eLay result,html,js %}
When Async Keyword Becomes Evil
Tags: javascript, programming
Published: 2024-01-26 10:51:32

Async here and Async there, Just Async everywhere.

**What could go wrong if I just added this innocent keyword in in function's definition that doesn't involve asynchronous operations ?**

``` ts
async function innocentFunction() {

    // No asynchronous operations here

    console.log("Just Relax It's Just a Keyword!");

}
```

Well to answer this question , we need to know how event loop in JS is working.

The event loop allows JavaScript to be non-blocking and handle asynchronous operations efficiently.

In a nutshell, the event loop continuously checks the message queue for tasks. When a function is asynchronous, it can yield control back to the event loop while waiting for external resources or operations to complete. The event loop then picks up the next task from the queue.



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


**The Unintended Consequences: Performance Overhead**


When an async function doesn't involve any asynchronous operations, it still undergoes the process of creating a micro-task and being added to the end of the micro-task queue. This additional step introduces unnecessary overhead.


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

So, as more experienced Developer. how can you prevent this innocent mistake to affect your codebase.

Firstly, you have to embrace the issue and tell other developers about this evil .

Secondly, you can prevent this issue from happening by adding "require-await" rule in your eslint config.
New Email Guidelines from Google and Yahoo
Published: 2024-01-26 10:47:08

Hello Dev.to Community 

**Are You Aware of the New Guidelines from Google and Yahoo?**

Gmail and Yahoo Mail, two of the most widely used email platforms, have announced a set of stringent requirements for senders that send more than **5,000 emails per day** or **have a reported spam rate of more than 0,3%.** 

These requirements are applicable from the **1st of February 2024** and are geared towards enhancing the security of user inboxes and improving the overall user experience.

Read the guidelines from [here](https://blog.google/products/gmail/gmail-security-authentication-spam-protection/)

I'm curious ;

How do you think these changes will impact the way we conduct email marketing?

What steps is your company taking to align with these new requirements?
Older version of Putty
Published: 2024-01-26 10:37:18

Good day all

I extensively use Raspberry pi's to do many functions. I have just purchased the new RPi5 and busy setting that up. On my other machines ( all RPi4 ) I used putty to connect to a variety of machines. It is Version 0.74.

When installing putty on my new RPi5, it installed version 0.78. This does not connect even to another RPi next to me. Forget about using SSH-keys to access cloud servers.

I am battling to find a website where I can download Putty 0.74 for Raspberry pi.

Would appreciate a pointer.

Thank you very much
How to integrate AWS Real-time transcription using expo-av react native android
Tags: aws, android, ai, av
Published: 2024-01-26 10:33:23

```
const startRecording = async () => {
		try {
			const { status } = await Audio.getPermissionsAsync();
			if (status !== 'granted') {
				alert('You need to enable permissions in settings');
				return;
			}
			setIsRecordingActive(true);
			await Audio.setAudioModeAsync({
				allowsRecordingIOS: true,
				playsInSilentModeIOS: true,
			});
			
			const { recording } = await Audio.Recording.createAsync(Audio.RecordingOptionsPresets.HIGH_QUALITY);
			recording?.setProgressUpdateInterval(1000);
			setRecording(recording);
			
		} catch (error) {
			console.log(error);
			console.log('error');
		}
	}



const stopRecording = async () => {
		try {
			setRecording(null);
			setIsRecordingActive(false);
			await recording.stopAndUnloadAsync();
			await Audio.setAudioModeAsync({
				allowsRecordingIOS: false,
				playsInSilentModeIOS: false,
			});
			const uri = recording.getURI();
			const info = await FileSystem.getInfoAsync(uri);
			
			
		
		} catch (error) {
			console.log(error);
		}
	}

```

I recently followed this repo [link](https://github.com/ajredniwja/transcribe-example/blob/master/example.js) but my code doesn't work I think it's an encoding problem. expo-av create '.m4a' file but it's needs  those ```"pcm" || "ogg-opus" || "flac"``` formats I tried with this also 
```
RecordingOptionsPresets.HIGH_QUALITY = {
  isMeteringEnabled: true,
  android: {
    extension: '.m4a',
    outputFormat: AndroidOutputFormat.MPEG_4,
    audioEncoder: AndroidAudioEncoder.AAC,
    sampleRate: 44100,
    numberOfChannels: 2,
    bitRate: 128000,
  },
  ios: {
    extension: '.m4a',
    outputFormat: IOSOutputFormat.MPEG4AAC,
    audioQuality: IOSAudioQuality.MAX,
    sampleRate: 44100,
    numberOfChannels: 2,
    bitRate: 128000,
    linearPCMBitDepth: 16,
    linearPCMIsBigEndian: false,
    linearPCMIsFloat: false,
  },
  web: {
    mimeType: 'audio/webm',
    bitsPerSecond: 128000,
  },
};
``` 
[link](https://docs.expo.dev/versions/latest/sdk/audio/) but nothing working How to solve it? Does anybody have any idea?

my approach for recording is to convert it to uriToBlob and make it a file, and upload it to local storage It is similar to the example code but repo audio worked perfectly and not mine.
The Ultimate Guide to Crafting Tailwind CSS Themes
Tags: programming, webdev, tailwindcss, beginners
Published: 2024-01-26 10:29:53



**Tailwind CSS** has transformed web development with its utility-first styling approach, enabling the rapid creation of responsive websites. 


Explore Tailwind for a design that breathes individuality into your site—tailored for different sections, audiences, or marketing initiatives. 


So, Let’s design flexibility, brand cohesion, and an enhanced user experience.

_**Let's have a look at what we’re going to implement…**_


![There is multicolor one rectangular Tailwind CSS Themes where the text "Helllo from tailwind themes" is blinking](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qykv0s8x4t9sxlni5was.gif)

## Table of contents

- Benefits of themes
- Creating multiple Themes using tailwind.css 
  - Prerequisites
  - Decide colors and size
  - Create different files for themes
  - Import theme files in styles.css
  - Add classes in a tailwind.config
  - Change theme
- Conclusion


**Prerequisites**

To create themes you should have the following things available.
The `latest version of tailwind.css `, and `tailwind.config` file at the root of the project.

Designing themes can have multiple benefits from branding to improved SEO. **Let’s quickly see its benefits…**


- **Brand identity** — Consistent look & feel across the site.
- **Personalized experience** — Light/dark mode options & accessibility features.
- **Content clarity** — Tailor themes to showcase different content types.
- **Data-driven decisions** — A/B testing helps identify user preferences.
- **SEO boost** —  Clear themes help search engines understand your content.


Discover the endless possibilities of Tailwind CSS theme crafting with our ultimate guide by Visiting **[Canopas Blog.
](https://canopas.com/the-ultimate-guide-to-crafting-tailwind-css-themes-b43491843ebb)**

Whether you're a seasoned developer or just starting, our blog delves into tips, tricks, and creative techniques to elevate your web design.

Follow **[Canopas](https://canopas.com/blog)** for our latest technical blog posts!
🎉 iPhone 15 Pro Max Giveaway! 📱
Published: 2024-01-26 10:29:38


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u3bjmpy6by1yffeoqp9x.jpg)🌟 Hey [Your Brand/Followers] Fam! We're thrilled to announce a special giveaway to express our gratitude for your incredible support! One lucky winner will get their hands on the latest[ iPhone 15 Pro Max! ](https://sites.google.com/view/iphonewwf/home)🎁
To Enter:
Follow us (@YourHandle).
Like this post ❤️.
Tag 3 friends who'd love to win the iPhone 15 Pro Max.
Bonus: Share this post on your story and tag us for an extra entry!
Terms & Conditions:
Open internationally.
Giveaway ends on 10.03.2024
Winner will be randomly chosen and announced on [11.03.2024].
Must be following us to win.
This giveaway is not affiliated with or endorsed by Apple.
Best of luck to everyone! 🤞🍀
#iPhone15ProMax #Giveaway #WinTheFuture
[open to](https://sites.google.com/view/iphonewwf/home
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/stll3930xihrgfayrwdq.jpg))
Remember to customize the template to fit your brand's voice and style, and always make sure to comply with the applicable laws and platform guidelines.

[win iphone 15 pro max](https://sites.google.com/view/iphonewwf/home)
A card for DEV resolutions
Tags: nextjs, devresolutions2024, react
Published: 2024-01-26 10:19:59


## TL;DR
Get yourself a card of your [#DEVResolutions2024](https://dev-resolutions2024.vercel.app/). The image can be shared on Twitter and wherever you like. Maybe have a printout of it and hang it on your refrigerator.


## Prologue
I'm worse when it comes to choosing resolutions for a new year. I can't come up with any. I have three emails from DEV marked as important. These emails talk about making resolutions. I can't help it! SOS!
However, I can code well. Hence, I came up with the idea of having personal cards engraved with individual resolutions that can be shared on social media.
I have experience using NextJS and Satori to generate images previously. But it suffers greatly in terms of performance as for every change in prompt there is a network req-res cycle from an API endpoint. Maybe I could've used wasm binaries of Satori to generate images on the client side.
This time I chose html2canvas library.


![Screenshot of web app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pewk1k9dyvc92gmvc9p5.png)



## Setup
The setup for the project is fairly minimal. The project is based on NextJS for foundation and Tailwind CSS for styling. Note: The form is imported from Preline UI. There are three goal input boxes which are wired using the React state to the card. Changing the prompt would change the text on the card.
Next, comes the submit button which calls the function which saves the card as an image.



## Tip
While using html2canvas library, there is a problem with vertical text alignment. This can be easily solved by adjusting the image's CSS in the core CSS file.
```css
@layer base {
  img {
     @apply
       inline-block;
  }
}

```
ref: https://stackoverflow.com/questions/74980740/html2canvas-shifting-text-downwards



## Conclusion
Try it out and share your cards on [Twitter tagging me](https://twitter.com/AshishK1331) and [DEV](https://twitter.com/ThePracticalDev).



## References
repo: [https://github.com/ashishk1331/DEVResolutions2024](https://github.com/ashishk1331/DEVResolutions2024)
demo: [https://dev-resolutions2024.vercel.app/](https://dev-resolutions2024.vercel.app/)
issues: [https://github.com/ashishk1331/DEVResolutions2024/issues/new](https://github.com/ashishk1331/DEVResolutions2024/issues/new)
Should .ng component authoring format get dropped? 😱
Tags: angular, analog
Published: 2024-01-26 10:12:48

There's been quite some fire around the .ng component authoring format, introduced as experimental in AnalogJS meta-framework. You can listen more about it here:

{% twitter 1750239037737304205 %} 

TL;DR; the community seems pretty divided. I don't want to state my opinion here, and I'm last to judge. But the fact is: a lot of hard work has been put into the experiment and, due to some controversies, the AnalogJS team is planning to drop the support entirely.

Do you think it's a good idea?

Vote in the poll

{% twitter 1750816798109220975 %} 

and [leave a comment under the PR](https://github.com/analogjs/analog/pull/869). Thanks!