ટેલિગ્રામ ચેનલ "TheFrontEnd🔥"

TheFrontEnd🔥

Public

ધ્યાન : કોઈપણ માહિતી પર વિશ્વાસ કરતા પહેલાં, ખાસ કરીને જો પૈસા સંબંધિત કોઈ વિનંતી હોય, તો તમારું પોતાનું સંશોધન કરવું મહત્વપૂર્ણ છે.

જોડાઈ શકતા નથી? @thefrontend

11.2k સભ્ય

અપડેટ થયેલ: March 11, 2026 at 3:43 AM

TheFrontEnd🔥

📝 Articles 🗞 News 👓 Tutorials 🤔 UI/UX thoughts on front end💡 mobile📱 and web dev 🖥 Admin: @masant1

Join @thefrontend for exclusive tutorials and front content and discussions in 1

રેન્કિંગ

વૈશ્વિક રેન્કિંગ

#25008

-1

ભાષા રેન્કિંગ

#5198કોઈ ફેરફાર નહીં

શ્રેણી રેન્કિંગ

#65કોઈ ફેરફાર નહીં

સબ્સ્ક્રાઇબર વૃદ્ધિ (છેલ્લા 30 દિવસ)

કુલ: 11.2K

24h વૃદ્ધિ: -85 1%

નવીનતમ પોસ્ટ્સ

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

7,300

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

#personal #uiux #learn

All of the above are also valid QR codes. Some people asked me to share more on that - there you go then 😂

First of all this images are from https://qrbtf.com/gallery - a service that attempts to automate this whole process. You can jump in and try to generate yours quickly with some prompts. The only thing it won't let you change url the QR points to as the whole system is still WIP.

But all they do under the hood is use stable diffusion with specific controlNet that integrates your QR into generated image. I really recommend trying it yourself though as the process is quite fun and you learn along the way. And I'll share all the links you need to get started.

There is one specific guy that deserves all kudos in the world that wrote the whole 101 on it. Not gonna reinvent the wheel here - so https://antfu.me/posts/ai-qrcode-101

I managed to even get it running on my lower M1 mac, so you should be able too.

The quickest way to get started

- install https://github.com/AUTOMATIC1111/stable-diffusion-webui
- get the https://github.com/Mikubill/sd-webui-controlnet
- now get https://civitai.com/models/90940/controlnet-qr-pattern-qr-codes

And you are pretty much set. Then just follow tutorial from http://antfu.me/ and get your qr codes flowing in.

I personally also found useful to get https://civitai.com/models/7371/rev-animated - the quality it can generate even with simplest prompts is phenomenal.

The best sampling methods that I liked were DPM++ 2M Karras and DDIM.

Now to the most interesting part 🔥

It's all gonna come down to "oh, I cant scan the code 😭" vs "well fuck, it's obvious its a QR code 🫣". And you ll have to play with the control net settings.

Also one thing I didn't know is that not all QR scanners are the same, with this QR codes some might not be good enough. As a rule of thumb, try different ones - eg wechat scanner or iphone (there are 2, in camera and dedicated one).

And because you read this channel you'd already know that the most important things for any scanner is the finder patterns (those 3 large squares) - they tell the scanner it's actually a QR code so scan it pls.

Then smaller square is alignment pattern - becomes super important if you rotate you embedded QR code. Get this 2 points right and you ll increase the scannability.

Finally error correction is important, make sure it's not the lowest (aka you need to have more elements in the QR itself) cuz some of those can get missed when generating the image.

You can also completely change the way you input QR code looks, circles vs squares, dots vs lines etc. By playing with those you get more natural integration into objects in the images.

Like the one I had for this channel doesnt have obvious square finder patterns but you can still spot the elements in the table drawers that are pretty much those patterns. It reduced scannability for some scanners as a side effect but still made me happy and was good for POC.

That should be just about the largest post this year ever 😀 and just about enough info for you to try it yourself if you also find it amazing like I do.

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

#learn

5 inconvenient truths about 👩‍💻.

Technically it's 4, but all valid points.

🔅9 min
🔅 https://oida.dev/5-truths-about-typescript/?ck_subscriber_id=2172150629

6,870

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

5,650

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

🎥 Video

#thoughts

Speaking of QR codes.
Image above is a totally valid QR code. Had a bit of playing with stable diffusion over the weekend.

Might take a bit to get recognised by a scanner, but that's the balance it's tricky to keep (recognisability vs making it non-obvious).

This AI stuff is hyped for a reason guys 🔥

7,450

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

#learn

And to quickly add on the latest post, can't remember if I shared this one before - this is the best, 10/10 🔥 explanation how QR codes actually work.

🔗 https://twitter.com/DanHollick/status/1570040185500626947?t=wnmC0idBNFd_0b8r3EqatQ&s=19

Like did you know if you cover or break certain parts of the QR it will still work just fine?

PS that's because the information is stored in repeated patterns, find out more in the link 😉

View on X (Twitter)

5,240

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

🎥 Video

5,350

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

#tools

Incredibly large selection of hooks for whatever you need.

Anything from useless useRenderCount - cuz you should use browser tooling to properly track unnecessary renders, to handy useDebounce, useFetch or usePrevious.

Last one is quite a help in function components where you dont get prev values out of the box like with some lifecycle methods in class components.

https://usehooks.com/

8,960

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

#tools

https://reclaim.ai/ - amazing tool to finally sort out your planning (the fact that you are reading this after a terribly long delay proves the point 😂)

Linked my work and personal calendars, set up a few habits, voila 🪄, it automatically rearranged everything according to my priorities and available times.

What's even better is that it doesnt leak into my work calendar and also if someone invited me into a meeting it's gonna auto rearrange everything around it for me.

Also built quite nicely 🔥 the UI is really smooth.

6,120

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

https://telegra.ph/file/17d87e30329b877d678dc.mp4#learn #tools

I've recently had a proper deep dive into all QR code related stuff.

We needed to get a "check in" system on site with really poor Internet connection. People would come and scan their QR codes from the mobile app using tablet with a simple Web app.

Turns out it's not that difficult once you get a grasp of it.

I've used https://www.npmjs.com/package/react-native-qrcode-svg on mobile to quickly render QR codes. And https://www.npmjs.com/package/react-qr-reader on the web.

Now, each user on the server gets a unique id (duh) and also what's called https://en.m.wikipedia.org/wiki/HMAC.

The QR itself on mobile is a combination of userId-hmac-totp

The first 2 are used to check if the user is the one they claim to be (aka you can hack userId, but you won't find out their hmac unless you know the secret key), this prevents random people generating QR codes and checking in on site for their friends.

The last totp part really is just One Time Password mechanism using https://www.npmjs.com/package/otpauth. It refreshes every 10 seconds and rerenders the QR code, similar how you'd expect authenticator apps to work, except contained within QR.

This prevents users to screenshot and share their QR codes with friends for them to check in for you.

And that's it really. You get your fairly secured QR rendering and scanning mechanism, can now use it almost anywhere: office, sites, restaurants, parking, gyms, you name it.

4,830

Showing 10 of 10 posts

No more posts

Loading posts...

રેટિંગ

લૉગિન જરૂરી છે

વપરાશકર્તા સમીક્ષાઓ (0)

હજી કોઈ સમીક્ષાઓ નથી. તમારી અભિપ્રાય શેર કરનાર પ્રથમ વ્યક્તિ બનો!

Loading reviews...

TheFrontEnd🔥

📝 Articles 🗞 News 👓 Tutorials 🤔 UI/UX thoughts on front end💡 mobile📱 and web dev 🖥 Admin: @masant1

Join @thefrontend for exclusive tutorials and front content and discussions in 1

રેન્કિંગ

વૈશ્વિક રેન્કિંગ

#25008

-1

ભાષા રેન્કિંગ

#5198કોઈ ફેરફાર નહીં

શ્રેણી રેન્કિંગ

#65કોઈ ફેરફાર નહીં

સબ્સ્ક્રાઇબર વૃદ્ધિ (છેલ્લા 30 દિવસ)

કુલ: 11.2K

24h વૃદ્ધિ: -85 1%

નવીનતમ પોસ્ટ્સ

TheFrontEnd🔥

11 માર્ચ, 2026 01:21 AM

📷 Photo

7,300

Loading posts...

રેટિંગ

લૉગિન જરૂરી છે

વપરાશકર્તા સમીક્ષાઓ (0)

હજી કોઈ સમીક્ષાઓ નથી. તમારી અભિપ્રાય શેર કરનાર પ્રથમ વ્યક્તિ બનો!

Loading reviews...

સંબંધિત ટેલિગ્રામ ચેનલો

Loading recommended channels...

સંબંધિત ટેલિગ્રામ ચેનલો

New gujarati songs mp3

3.3k0

560

UNIVERSITY GRANTH NIRMAN BOARD BOOKS PDF 📚📚📚👉👉👉

5.9k0

@ Junagadh_Education @

3.2k0

Gujarati Books & Magazines

14.7k0

Gujarat Samachar

11.5k0

ગુજરાત ગૌણ પસંદગી સેવા મંડળ ( GSSSB )

3950

GK BY PRADIP PATEL

28k0

Loading recommended channels...

TheFrontEnd🔥

TheFrontEnd🔥

રેન્કિંગ

સબ્સ્ક્રાઇબર વૃદ્ધિ (છેલ્લા 30 દિવસ)

નવીનતમ પોસ્ટ્સ

રેટિંગ

વપરાશકર્તા સમીક્ષાઓ (0)

TheFrontEnd🔥

રેન્કિંગ

સબ્સ્ક્રાઇબર વૃદ્ધિ (છેલ્લા 30 દિવસ)

નવીનતમ પોસ્ટ્સ

રેટિંગ

વપરાશકર્તા સમીક્ષાઓ (0)

સંબંધિત ટેલિગ્રામ ચેનલો

New gujarati songs mp3

GPSC IQ Education™ ©

UNIVERSITY GRANTH NIRMAN BOARD BOOKS PDF 📚📚📚👉👉👉

@ Junagadh_Education @

Gujarati Books & Magazines

Gujarat Samachar

ગુજરાત ગૌણ પસંદગી સેવા મંડળ ( GSSSB )

GK BY PRADIP PATEL

સંબંધિત ટેલિગ્રામ ચેનલો

New gujarati songs mp3

GPSC IQ Education™ ©

UNIVERSITY GRANTH NIRMAN BOARD BOOKS PDF 📚📚📚👉👉👉

@ Junagadh_Education @

Gujarati Books & Magazines

Gujarat Samachar

ગુજરાત ગૌણ પસંદગી સેવા મંડળ ( GSSSB )

GK BY PRADIP PATEL

નવીનતમ પોસ્ટ્સ

નવીનતમ પોસ્ટ્સ

સંબંધિત ટેલિગ્રામ ચેનલો

New gujarati songs mp3

GPSC IQ Education™ ©

UNIVERSITY GRANTH NIRMAN BOARD BOOKS PDF 📚📚📚👉👉👉

@ Junagadh_Education @

Gujarati Books & Magazines

Gujarat Samachar

ગુજરાત ગૌણ પસંદગી સેવા મંડળ ( GSSSB )

GK BY PRADIP PATEL

સંબંધિત ટેલિગ્રામ ચેનલો

New gujarati songs mp3

GPSC IQ Education™ ©

UNIVERSITY GRANTH NIRMAN BOARD BOOKS PDF 📚📚📚👉👉👉

@ Junagadh_Education @

Gujarati Books & Magazines

Gujarat Samachar

ગુજરાત ગૌણ પસંદગી સેવા મંડળ ( GSSSB )

GK BY PRADIP PATEL

વપરાશકર્તા સમીક્ષાઓ (0)

વપરાશકર્તા સમીક્ષાઓ (0)