Code with zoynul

Crucial Code Excerpts Tailored for Web Developers

It's not prudent to craft all code from the ground up, as this elongates the development process. Hence, I've compiled my most invaluable and intricate code here for both my own reuse and for the benefit of fellow developers

๐Ÿฒ๐Ÿฌ ๐—บ๐—ถ๐—ป๐—ฑ-๐—ฏ๐—น๐—ผ๐˜„๐—ถ๐—ป๐—ด ๐—”๐—œ ๐˜๐—ผ๐—ผ๐—น๐˜€

๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐—ง๐—ผ๐—ผ๐—น๐˜€FlairAI – https://flair.aiAutoDraw – https://www.autodraw.comStockImg – https://stockimg.aiBoothAI – https://www.booth.aiClipDrop – https://clipdrop.co ๐—ฌ๐—ผ๐˜‚๐—ง๐˜‚๐—ฏ๐—ฒ ๐—ง๐—ผ๐—ผ๐—น๐˜€Eightify – https://eightify.appThumbly – https://thumbly.aiSteveAI – https://www.steve.aiClipmaker – https://www.clipmaker.aiTubeBuddy – https://www.tubebuddy.com ๐—ฅ๐—ฒ๐˜€๐—ฒ๐—ฎ๐—ฟ๐—ฐ๐—ต ๐—ง๐—ผ๐—ผ๐—น๐˜€Consensus – https://consensus.appPaperpal – https://paperpal.comTrinka – https://www.trinka.aiWritesonic – https://writesonic.comScholarcy – https://www.scholarcy.com ๐—ช๐—ฟ๐—ถ๐˜๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€AISeo – https://aiseo.aiQuillbot – https://quillbot.comBertha – https://bertha.aiSimplified – https://simplified.com ๐—–๐—ผ๐—ฑ๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€Durable – https://durable.co10Web – https://10web.ioAkkio – https://www.akkio.comReplit – https://replit.comDeepCode – https://www.deepcode.ai ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฒ๐˜๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€Simplified – https://simplified.comContentEdge – https://lnkd.in/dc7JY93fCopySmith – https://copysmith.aiMutiny – https://www.mutinyhq.com ๐—ง๐˜„๐—ถ๐˜๐˜๐—ฒ๐—ฟ ๐—ง๐—ผ๐—ผ๐—น๐˜€Tweetmonk – https://tweetmonk.comTribescaler – https://tribescaler.comPostwise – https://postwise.aiTweetLify – https://www.tweetlify.co ๐— ๐˜‚๐˜€๐—ถ๐—ฐ ๐—ง๐—ผ๐—ผ๐—น๐˜€Boomy – https://boomy.comAmper – https://lnkd.in/dwN43544Jukedeck – https://lnkd.in/dVjZnWFKBrainFm – https://www.brain.fm ๐—–๐—ต๐—ฎ๐˜๐—ฏ๐—ผ๐˜ ๐—ง๐—ผ๐—ผ๐—น๐˜€Yatterplus – https://yatterplus.inTypewise […]

View code ->
,

Here are the 10 best AI tools to boost your productivity

1. Numerous.aiNumerous AI lets you use ChatGPT in Excel.Link: https://numerous.ai/ 2. PopAiCreate compelling presentation in seconds.https://www.popai.pro/ 3. EightifySummarize YouTube video in secondsEightify.app 4. Stockimg AIGenerate Stunning images and logo’s in seconds.https://stockimg.ai/ 5. LandingsiteCreate Full website in 60 secondshttps://lnkd.in/gZUrupKm 6. You.comSearch engine with ChatGPT for FREEYou.com 7. LOVO AIGenerate Voices in Secondshttps://lovo.ai/ 8. KrispAI Meeting Assistanthttps://krisp.ai/ 9. ChatsimpleConvert visitors to customers 24/7http://Chatsimple.ai 10. ArchivinciDesigning tool […]

View code ->
,

How to Setup React and Tailwind CSS with Vite in a Project

Tailwind CSS is a popular CSS framework, and React is one of the most popular JavaScript libraries. And Tailwind CSS and React are a great combo to use if you’re building a frontend project. In this article, you will learn how to setup your coding environment with Vite, install React and Tailwind CSS with their […]

View code ->

Here are Top 21 Websites to Land Remote Jobs and Earn in USD ๐Ÿ’ผ๐Ÿ’ฒ

Are you ready to break free from the traditional job search and explore exciting remote opportunities that pay in USD? Look no further! Here’s a handpicked list of 21 websites where your dream remote job awaits: 1. Working Nomads: Tailored remote work opportunities to match your skills and preferences. (https://lnkd.in/g_2f9xuJ) 2. Remote.co: Curated listings from companies […]

View code ->

Websites to Find Best Remote Jobs

1. LinkedIn2. Remote.co3. We Work Remotely4. Working Nomads5. Remotive6. Dribbble7. SkipTheDrive8. RemoteOK9. Hubstaff10. PowerToFly11. Freelancer.com12. JustRemote13. Wellfound.Com14. Himalayas15. TryRemoteJobs16. Nodesk17. FlexJobs – Vetted Remote & Flexible Jobs18. JSRemote.jobs19. Fiverr20. Upwork

View code ->
, ,

Prisma config with Mongodb

1-Install the Prisma CLI: 2-Initialize a Prisma project: 3-Set the DATABASE_URL in the .env file:Open the .env file and set the DATABASE_URL environment variable to the connection string for your MongoDB database. 4-Generate the Prisma Client:

View code ->

react icons not working with remix-run?

You have to addย serverDependenciesToBundleย inside your remix.config:

View code ->
, , , ,

18 Important HTTP Status Codes You Must Know ๐Ÿ”ฅ

– 200 OK: Request succeeded– 201 Created: Resource created– 202 Accepted: Accepted request– 204 No Content: Accepted request– 301 Moved Permanently: Accepted request– 302 Found: Temporarily moved– 304 Not Modified: Not modified– 400 Bad Request: Bad request error– 401 Unauthorized: Needs authentication– 403 Forbidden: Access Forbidden– 404 Not Found: Resource Not Found– 405 Not Allowed: […]

View code ->

Revolutionize Your Shopify App Development with Cloudflared Tunnel: A Game-Changer for Seamless and Secure Connectivity!

Setting up Cloudflare Tunnel Note that while itโ€™s possible to run quick tunnels without your own domain, Iโ€™ll assume you have a domain set up in Cloudflare dashboard. The config is simple, you can learn more about it here. The first thing weโ€™ll do is installย cloudflaredย โ€“ a CLI tool weโ€™ll use to run and configure our tunnel. Then […]

View code ->
, , ,

essential Npm package for developers

Drag and drop image upload Use of the Npm package Name of NPM Package Install Drag and drop image upload react-dropzone npm iย react-dropzone File upload to server multer npm iย multer Express.js is one of the simplest and fastestย Node.js web frameworks.ย  Express npm iย express Async js provides functions like โ€˜mapโ€™, โ€˜filterโ€™, โ€˜reduceโ€™, โ€˜parallelโ€™, โ€˜seriesโ€™, โ€˜waterfallโ€™, and […]

View code ->
, ,

Custom WooCommerce Product Sorting Dropdown

WooCommerce provides a default sorting mechanism for products in the shop archive. However, sometimes you may need to customize the sorting options to enhance the user experience. In this tutorial, we will create a custom product sorting dropdown and integrate it into WooCommerce using PHP and JavaScript. Steps to Implement Custom Product Sorting 1. Add […]

View code ->

Woocommerce rest api docs

https://woocommerce.github.io/woocommerce-rest-api-docs/#introduction

View code ->

Shopify cheat sheet

https://www.shopify.com/partners/shopify-cheat-sheet

View code ->
,

Creating a Custom WordPress Shortcode to Print and Download PDFs with Dynamic Backgrounds

When developing custom WordPress themes or plugins, adding functionality like printing and downloading PDFs can enhance user experience. In this guide, weโ€™ll walk you through creating a custom shortcode that allows users to print and download PDFs directly from a button, with dynamic options like changing the buttonโ€™s background color. This solution is ideal for […]

View code ->
,

How to Install TailwindCSS in Your Shopify Theme: A Step-by-Step Guide

Step 01 : Install tailwindcss Step -02 : Create a src folder create a file tailwind.css and Add the @tailwind directives for each of Tailwindโ€™s layers to your main CSS file. Step – 03:write into the content for support tailwind into liquid Note: I installed the daisyui, you can install easily and add this line “require(‘daisyui’)” Step […]

View code ->

Here are Top 21 Websites to Land Remote Jobs and Earn in USD ๐Ÿ’ผ๐Ÿ’ฒ

Are you ready to break free from the traditional job search and explore exciting remote opportunities that pay in USD? Look no further! Here’s a handpicked list of 21 websites where your dream remote job awaits: 1. Working Nomads: Tailored remote work opportunities to match your skills and preferences. (https://lnkd.in/g_2f9xuJ) 2. Remote.co: Curated listings from companies […]

View code ->
, , , ,

18 Important HTTP Status Codes You Must Know ๐Ÿ”ฅ

– 200 OK: Request succeeded– 201 Created: Resource created– 202 Accepted: Accepted request– 204 No Content: Accepted request– 301 Moved Permanently: Accepted request– 302 Found: Temporarily moved– 304 Not Modified: Not modified– 400 Bad Request: Bad request error– 401 Unauthorized: Needs authentication– 403 Forbidden: Access Forbidden– 404 Not Found: Resource Not Found– 405 Not Allowed: […]

View code ->
,

Shopify Cli

Shopify.app.toml scope or config update Shopify partner scope update

View code ->
,

Here are the 10 Best Tools for Content writers:

1 Lunchbreak AI Use AI to research and write your own essays, detection free 2. Google Gemini A Free alternative of Chatgpt-4 by Google 3. Humanize AI by AISEO Transform AI-generated text with a human touch using AISEO Bypass AI Tool. Enhance content quality and authenticity effortlessly. 4. Trinka AI Trinka is an online grammar […]

View code ->
,

Here are the 10 best AI tools to boost your productivity

1. Numerous.aiNumerous AI lets you use ChatGPT in Excel.Link: https://numerous.ai/ 2. PopAiCreate compelling presentation in seconds.https://www.popai.pro/ 3. EightifySummarize YouTube video in secondsEightify.app 4. Stockimg AIGenerate Stunning images and logo’s in seconds.https://stockimg.ai/ 5. LandingsiteCreate Full website in 60 secondshttps://lnkd.in/gZUrupKm 6. You.comSearch engine with ChatGPT for FREEYou.com 7. LOVO AIGenerate Voices in Secondshttps://lovo.ai/ 8. KrispAI Meeting Assistanthttps://krisp.ai/ 9. ChatsimpleConvert visitors to customers 24/7http://Chatsimple.ai 10. ArchivinciDesigning tool […]

View code ->

Websites to Find Best Remote Jobs

1. LinkedIn2. Remote.co3. We Work Remotely4. Working Nomads5. Remotive6. Dribbble7. SkipTheDrive8. RemoteOK9. Hubstaff10. PowerToFly11. Freelancer.com12. JustRemote13. Wellfound.Com14. Himalayas15. TryRemoteJobs16. Nodesk17. FlexJobs – Vetted Remote & Flexible Jobs18. JSRemote.jobs19. Fiverr20. Upwork

View code ->

react icons not working with remix-run?

You have to addย serverDependenciesToBundleย inside your remix.config:

View code ->
, ,

Prisma config with Mongodb

1-Install the Prisma CLI: 2-Initialize a Prisma project: 3-Set the DATABASE_URL in the .env file:Open the .env file and set the DATABASE_URL environment variable to the connection string for your MongoDB database. 4-Generate the Prisma Client:

View code ->

๐Ÿฒ๐Ÿฌ ๐—บ๐—ถ๐—ป๐—ฑ-๐—ฏ๐—น๐—ผ๐˜„๐—ถ๐—ป๐—ด ๐—”๐—œ ๐˜๐—ผ๐—ผ๐—น๐˜€

๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐—ง๐—ผ๐—ผ๐—น๐˜€FlairAI – https://flair.aiAutoDraw – https://www.autodraw.comStockImg – https://stockimg.aiBoothAI – https://www.booth.aiClipDrop – https://clipdrop.co ๐—ฌ๐—ผ๐˜‚๐—ง๐˜‚๐—ฏ๐—ฒ ๐—ง๐—ผ๐—ผ๐—น๐˜€Eightify – https://eightify.appThumbly – https://thumbly.aiSteveAI – https://www.steve.aiClipmaker – https://www.clipmaker.aiTubeBuddy – https://www.tubebuddy.com ๐—ฅ๐—ฒ๐˜€๐—ฒ๐—ฎ๐—ฟ๐—ฐ๐—ต ๐—ง๐—ผ๐—ผ๐—น๐˜€Consensus – https://consensus.appPaperpal – https://paperpal.comTrinka – https://www.trinka.aiWritesonic – https://writesonic.comScholarcy – https://www.scholarcy.com ๐—ช๐—ฟ๐—ถ๐˜๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€AISeo – https://aiseo.aiQuillbot – https://quillbot.comBertha – https://bertha.aiSimplified – https://simplified.com ๐—–๐—ผ๐—ฑ๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€Durable – https://durable.co10Web – https://10web.ioAkkio – https://www.akkio.comReplit – https://replit.comDeepCode – https://www.deepcode.ai ๐— ๐—ฎ๐—ฟ๐—ธ๐—ฒ๐˜๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น๐˜€Simplified – https://simplified.comContentEdge – https://lnkd.in/dc7JY93fCopySmith – https://copysmith.aiMutiny – https://www.mutinyhq.com ๐—ง๐˜„๐—ถ๐˜๐˜๐—ฒ๐—ฟ ๐—ง๐—ผ๐—ผ๐—น๐˜€Tweetmonk – https://tweetmonk.comTribescaler – https://tribescaler.comPostwise – https://postwise.aiTweetLify – https://www.tweetlify.co ๐— ๐˜‚๐˜€๐—ถ๐—ฐ ๐—ง๐—ผ๐—ผ๐—น๐˜€Boomy – https://boomy.comAmper – https://lnkd.in/dwN43544Jukedeck – https://lnkd.in/dVjZnWFKBrainFm – https://www.brain.fm ๐—–๐—ต๐—ฎ๐˜๐—ฏ๐—ผ๐˜ ๐—ง๐—ผ๐—ผ๐—น๐˜€Yatterplus – https://yatterplus.inTypewise […]

View code ->
,

How to Setup React and Tailwind CSS with Vite in a Project

Tailwind CSS is a popular CSS framework, and React is one of the most popular JavaScript libraries. And Tailwind CSS and React are a great combo to use if you’re building a frontend project. In this article, you will learn how to setup your coding environment with Vite, install React and Tailwind CSS with their […]

View code ->
top
× How can I help you?