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 ->
, ,

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 ->

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 ->

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 ->

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 ->
, , ,

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 ->
,

Shopify Cli

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

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 ->

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 ->
top
× How can I help you?