Category: Blog

Categories
Learning Tech

How to write basic Test case for React component using Jest or Enzyme

Lets quickly straight dive into it

import React from "react";
import { shallow } from "enzyme";
import TestComponent from "./TestComponent";

describe("TestComponent", () => {
  it("renders correctly", () => {
    const wrapper = shallow(<TestComponent />);
    expect(wrapper).toMatchSnapshot();
  });

  it("contains a button", () => {
    const wrapper = shallow(<TestComponent />);
    expect(wrapper.find("button").length).toEqual(1);
  });

  it("simulates click events", () => {
    const mockCallBack = jest.fn();
    const wrapper = shallow(<TestComponent handleClick={mockCallBack} />);
    wrapper.find("button").simulate("click");
    expect(mockCallBack.mock.calls.length).toEqual(1);
  });
});

In this example, the describe block creates a test suite for the TestComponent and the it blocks define individual test cases.

The shallow function from Enzyme is used to render a shallow version of the component.

The toMatchSnapshot assertion is used to check that the component is rendering correctly.

The find method is used to locate elements within the shallow render, and the simulate method is used to trigger events on those elements.

The jest.fn function is used to create a mock callback that can be passed as a prop to the component and tested.

Happy Learning.

Categories
Learning Tech

10 Key tips on preparing for ReactJS Interview

Hello,

Lets quickly go through the 10 keys, for preparing for React Js Interview

  1. React basics: Familiarize yourself with React concepts such as components, JSX, state, props, lifecycle methods, hooks, etc.
  2. React-Redux: Understand how to use Redux with React for state management.
  3. React Router: Learn how to handle routing in React applications.
  4. React performance optimization: Know how to optimize the performance of React applications, including techniques like lazy loading, memoization, and using shouldComponentUpdate.
  5. React hooks: Knowledge of React hooks and how they can be used in place of class components.
  6. React testing: Understand how to test React components using tools like Jest and Enzyme.
  7. Familiarity with CSS: Good understanding of CSS, including CSS-in-JS solutions like styled-components.
  8. JavaScript concepts: Good understanding of JavaScript concepts like closure, asynchronous programming, and ES6 syntax.
  9. Git: Knowledge of Git and how to use it for version control.
  10. Problem solving skills: Be prepared to solve algorithmic problems and explain your thought process.

Hope you enjoy learning!

Categories
Learning Tech

Very basic of How to create a React Fiber/React Js Project from scratch

Here is the basic process to create a project with React Fiber:

  1. Install Node.js and npm (Node Package Manager) if you don’t have them installed already.
  2. Use npm to create a new React project by running the following command in your terminal or command prompt:
    npx create-react-app my-app
  3. Navigate to the newly created project directory:
    cd my-app
  4. Start the development server by running:
    npm start
  5. The development server should now be running on http://localhost:3000 in your browser.
  6. You can now start building your React Fiber application by modifying the files in the src directory.
  7. When you’re ready to deploy your application, run the following command to create a production build:
    npm run build

This should give you a basic understanding of how to create a React Fiber project. If you’re new to React, it may be helpful to go through some introductory tutorials before diving into your project.

Happy Learning!

Categories
Blog Tech

How to generate Public & Private SSH Keys on Windows?

Hello, Lets Begin.

Open a Command Prompt/Terminal Window.

Important Alert!: Before going further, there is very important to know. If you have already generated a private/public key pair, don’t do it again!.

Where to find those keys or check if generated or not?

Okay, lets quickly see that step, Open Explorer window and type in address of explorer %userprofile%/.ssh it will open the window for you.

Typing %userprofile%/.ssh

Result of opening the above path. if you already have files will be listed otherwise it would be empty, so you can continue following reading next few steps to generate up the same.

.ssh list keys if already generated on your system or otherwise it list empty

Follow steps if no keys are available in the case.

Lets go back to our open Terminal Window/Command Prompt enter command:

ssh-keygen -b 4096

You are prompted to answer a few questions.

First is “Enter file in which to save the key” Press enter to use the default location.

The next question is “Enter passphrase.” This step is optional, but good to have for better security. Use whatever you like or skip, and then press enter.

Then confirm the passphrase or enter if none.

Once done new keys will be saved to same path under .ssh

For example: C:\your-username\.ssh\id_rsa.pub

Then you can use both the files to upload it under your hosting server to make a communication with your server through terminal window.

To make a connection to hosting server from terminal windows, that’s another topic we will cover them later in new post.

Hope this solves your finding.

Happy Learning

Categories
Downloads & Free Learning Uncategorized

Download Free Bharat (India) Map SVG format

Hello,

Download Bharat (India) Map (SVG format) for Laser Cut or to Print for your school or college projects.

india-bharat-map-for-laser-cut-svg-map
India Full Map SVG Download Free
India-Bharat-Full-Map-SVGDownload
Categories
Life & Nature

Vegetables names list in most multiple languages

Vegetables and Fruits names in various languages for children to learn.

EnglishHindiMarathiBahasa (Indonesia)PunjabiTamilTelguKannadaBengaliGujaratiHindi English Version
Avocadoएवोकाडोअ‍वोकॅडोAlpukatਆਵਾਕੈਡੋவெண்ணெய்అవోకాడోಆವಕಾಡೊঅ্যাভোকাডোએવોકાડોevokaado / Avocado
Amaranth leavesअमरनाथ के पत्तेअमरनाथ सोडतेDaun bayamਅਮਰਨਥ ਛੱਡ ਜਾਂਦਾ ਹੈஅமராந்த் புறப்படுகிறார்అమరాంత్ ఆకులుಅಮರಂತ್ ಹೊರಟು ಹೋಗುತ್ತಾನೆঅমরন্ত চলে যায়અમરંથ નીકળે છેChauli, chaulai
Ash gourd, white pumpkin, winter melonलौकी, सफेद कद्दू, सर्दी तरबूजराख, कोबी पांढरा भोपळा, हिवाळ्यातील खरबूजLabu abu, labu putih, melon musim dinginਐਸ਼ ਲੌਕੀ, ਚਿੱਟਾ ਪੇਠਾ, ਸਰਦੀਆਂ ਦੇ ਤਰਬੂਜசாம்பல் சுரைக்காய், வெள்ளை பூசணி, குளிர்கால முலாம்பழம்బూడిదకాయ, తెలుపు గుమ్మడికాయ, శీతాకాలపు పుచ్చకాయಬೂದಿ ಸೋರೆಕಾಯಿ, ಬಿಳಿ ಕುಂಬಳಕಾಯಿ, ಚಳಿಗಾಲದ ಕಲ್ಲಂಗಡಿঅ্যাশ লাউ, সাদা কুমড়ো, শীতের তরমুজએશ લોટ, સફેદ કોળું, શિયાળુ તરબૂચPetha
Brinjal/Eggplantबैंगनवांगे, वांगीBrinjal, terongਬੈਂਗਣ, ਬੈਂਗਣகத்திரிக்காய், கத்திரிக்காய்వంకాయ, వంకాయಬದನೆಕಾಯಿ, ಬಿಳಿಬದನೆবেগুন, বেগুনરીંગણ, રીંગણBaingan
Eggplant Biggerबैंगन बड़ावांगी मोठीTerong Lebih Besarਬੈਂਗਣ ਵੱਡਾகத்தரிக்காய் பெரியதுవంకాయ పెద్దదిಬಿಳಿಬದನೆ ದೊಡ್ಡದುবেগুন বড়રીંગણા મોટાBarta baingan
Bok Choy Chinese Cabbageबोक चॉय चीनी गोभी Cabबोक चॉय चायनीज कोबीKubis Cina Bok Choyਬੋਕ ਚੋਏ ਚੀਨੀ ਗੋਭੀபோக் சோய் சீன முட்டைக்கோஸ்బోక్ చోయ్ చైనీస్ క్యాబేజీಬೊಕ್ ಚಾಯ್ ಚೈನೀಸ್ ಎಲೆಕೋಸುবোক ছাই চাইনিজ বাঁধাকপিબોક ચોય ચિની કોબીBok Choy Chinese Cabbage
BasilतुलसीतुळसKemangiਤੁਲਸੀதுளசிతులసిತುಳಸಿপুদিনাતુલસીtulasee
BitterBeansकड़वे बीन्सबिटरबीन्सBitterBeansਬਿਟਰਬੀਨਜ਼பிட்டர்பீன்ஸ்బిట్టర్బీన్స్ಕಹಿ ಬೀನ್ಸ್বিটারবিয়ানসબિટરબીન્સkadava bean
Bamboo shootबैम्बू शूटबांबू शूटRebungਬਾਂਸ ਦੀ ਸ਼ੂਟமூங்கில் தண்டுవెదురు షూట్ಬಿದಿರಿನ ಚಿಗುರುবাঁশের অঙ্কুরવાંસ શૂટbaimboo shoot
Baby cornबेबी कॉर्नबेबी कॉर्नjagung mudaਬੇਬੀ ਮੱਕੀகுழந்தை சோளம்బేబీ మొక్కజొన్నಬೇಬಿ ಕಾರ್ನ್শিশুর ভূট্টাબેબી મકાઈBaby corn
BeetrootचुकंदरबीटरूटAkar bitਚੁਕੰਦਰபீட்ரூட்బీట్‌రూట్ಬೀಟ್ರೂಟ್বিটরুটબીટનો કંદChukandar
Bottle gourd or White gourdलौकी या सफेद लौकीबाटली लौकी किंवा व्हाइट लौकीLabu botol atau labu putihਬੋਤਲ ਲੌਕੀ ਜਾਂ ਚਿੱਟਾ ਲੌਕੀபாட்டில் சுண்டைக்காய் அல்லது வெள்ளை சுண்டைக்காய்బాటిల్ పొట్లకాయ లేదా వైట్ పొట్లకాయಬಾಟಲ್ ಸೋರೆಕಾಯಿ ಅಥವಾ ಬಿಳಿ ಸೋರೆಕಾಯಿবোতলজাত লাউ বা সাদা লাউબોટલ લૌક અથવા સફેદ લોભીLauki, ghia
Bitter gourd, bitter melonकरेला, करेलाकडू भोपळा, कडू खरबूजLabu pahit, melon pahitਕੌੜਾ ਲੌਕੀ, ਕੌੜਾ ਤਰਬੂਜகசப்பு, கசப்பான முலாம்பழம்చేదుకాయ, చేదు పుచ్చకాయಕಹಿ ಸೋರೆಕಾಯಿ, ಕಹಿ ಕಲ್ಲಂಗಡಿতেতো করলা, তেতো তরমুজકડવો લોટ, કડવો તરબૂચKarela
Brown Sproutsब्राउन स्प्राउट्सतपकिरी अंकुरkecambah coklatਭੂਰੇ ਸਪਾਉਟபழுப்பு முளைகள்బ్రౌన్ మొలకలుಕಂದು ಮೊಗ್ಗುಗಳುব্রাউন স্প্রাউটসબ્રાઉન સ્પ્રાઉટ્સChanna
Cowpeaलोबियाकावळ्याkacang tunggakਕਾਉਪੀਆக ow பியாకౌపీయాಕೌಪಿಯಾকাউপিકાઉપિયાlobiya kee sabjee
Cassava Leafकसावा पत्ताकासावा लीफDaun Singkongਕਸਾਵਾ ਪੱਤਾகசவா இலைకాసావా ఆకుಕಸಾವ ಎಲೆকাসাভা পাতাકાસાવા લીફkasaava patta
Collard Greensहरा कोलार्डएक जातीचा कोबी हिरव्या भाज्याSejenis sawiਕੌਲਾਰਡ ਗ੍ਰੀਨਜ਼கொலார்ட் பசுமைకొల్లార్డ్ గ్రీన్స్ಹಸಿರು ಸೊಪ್ಪುকলার্ড গ্রিনসલીલા પાંદડા વાડી એક શાકભાજીhara kolaard
Celery / Parselyअजवाइन / अजमोदभाजी किंवा कोशिंबीर बनवण्यासाठी उपयुक्त अशी एक वनस्पती / पार्सेलीSeledri / Parselyਸੈਲਰੀ / ਪਾਰਸਲੀசெலரி / பார்சலிసెలెరీ / పార్సిలీಸೆಲರಿ / ಪಾರ್ಸಿಲಿসেলারি / পার্সেলিસેલરિ / પાર્સલીajamoda
Cabbageपत्ता गोभीकोबीKubisਪੱਤਾਗੋਭੀமுட்டைக்கோஸ்క్యాబేజీಎಲೆಕೋಸುবাঁধাকপিકોબીPatta gobhi, paat gobhi
CarrotगाजरगाजरWortelਗਾਜਰகேரட்కారెట్ಕ್ಯಾರೆಟ್গাজরગાજરGajar
Capsicum, green bell pepperशिमला मिर्च, हरी शिमला मिर्चशिमला मिरची, हिरवी मिरचीCapsicum, paprika hijauਕੈਪਸਿਕਮ, ਹਰੀ ਘੰਟੀ ਮਿਰਚகேப்சிகம், பச்சை மணி மிளகுక్యాప్సికమ్, గ్రీన్ బెల్ పెప్పర్ಕ್ಯಾಪ್ಸಿಕಂ, ಹಸಿರು ಬೆಲ್ ಪೆಪರ್ক্যাপসিকাম, সবুজ বেল মরিচકેપ્સિકમ, લીલી ઘંટડી મરીShimla mirch
CauliflowerगोभीफुलकोबीKol bungaਫੁੱਲ ਗੋਭੀகாலிஃபிளவர்కాలీఫ్లవర్ಹೂಕೋಸುফুলকপিકોબીજPhool gobi
Cluster beansगँवार फलीक्लस्टर सोयाबीनचेKacang clusterਕਲੱਸਟਰ ਬੀਨਜ਼கிளஸ்டர் பீன்ஸ்క్లస్టర్ బీన్స్ಕ್ಲಸ್ಟರ್ ಬೀನ್ಸ್গুচ্ছ মটরশুটিક્લસ્ટર કઠોળGavar / Gawar / Gaur Phali
CoconutनारियलनारळKelapaਨਾਰੀਅਲதேங்காய்కొబ్బరిತೆಂಗಿನ ಕಾಯಿনারকেলનાળિયેરNariyal
Coriander cilantro leavesधनिया धनिया पत्तेकोथिंबीर कोथिंबीर सोडतेDaun ketumbar ketumbarਧਨੀਏ ਦੀ ਦਲੀਆ ਛੱਡਦੀ ਹੈகொத்தமல்லி கொத்தமல்லி இலைகள்కొత్తిమీర కొత్తిమీర ఆకులుಕೊತ್ತಂಬರಿ ಕೊತ್ತಂಬರಿ ಸೊಪ್ಪುধনে ধনেপাতা ছেড়ে দেয়કોથમીર પીસેલા છોડે છેDhania patta
Cornमक्काकॉर्नJagungਮਕਈசோளம்మొక్కజొన్నಜೋಳকর্নમકાઈMakai, bhutta
CucumberWhiteककड़ी सफेदकाकडी व्हाइटTimunPutihਖੀਰੇவெள்ளரிக்காய் வெள்ளைదోసకాయ వైట్ಸೌತೆಕಾಯಿ ವೈಟ್শসাবিহাইটકાકડી વ્હાઇટkheera sephed white
CucumberखीराकाकडीTimunਖੀਰਾவெள்ளரிக்காய்దోసకాయಸೌತೆಕಾಯಿশসাકાકડીKheera
Curry leavesकरी पत्तेकढीपत्ताdaun kariਕਰੀ ਪੱਤੇகறிவேப்பிலைకరివేపాకుಕರಿಬೇವುকারি পাতাમીઠો લીંબડોKadi patta
DillदिलबडीशेपDilਡਿਲவெந்தயம்మెంతులుಸಬ್ಬಸಿಗೆডিলસુવાદાણાSuwa, savaa
Drumsticksड्रमस्टिकड्रमस्टिकक्सStik drumਡਰੱਮਸਟਿਕਸமுருங்கைக்காய்డ్రమ్ స్టిక్స్ಡ್ರಮ್ ಸ್ಟಿಕ್ಗಳುড্রামস্টিকসડ્રમસ્ટિક્સSahjan ki phalli
Fenugreek leavesकसूरी मेथीमेथीची पानेDaun Fenugreekਮੇਥੀ ਛੱਡਦੀ ਹੈவெந்தயம் இலைகள்మెంతి ఆకులుಮೆಂತ್ಯ ಎಲೆಗಳುমেথি পাতাમેથીના પાનMethi
French beans, green beansफ्रेंच बीन्स, हरी बीन्सफ्रेंच बीन्स, हिरव्या सोयाबीनचेKacang Prancis, kacang hijauਫ੍ਰੈਂਚ ਬੀਨਜ਼, ਹਰੀ ਬੀਨਜ਼பிரஞ்சு பீன்ஸ், பச்சை பீன்ஸ்ఫ్రెంచ్ బీన్స్, గ్రీన్ బీన్స్ಫ್ರೆಂಚ್ ಬೀನ್ಸ್, ಹಸಿರು ಬೀನ್ಸ್ফ্রেঞ্চ মটরশুটি, সবুজ মটরশুটিફ્રેન્ચ કઠોળ, લીલો કઠોળFaras bean, sem
Groundnuts, Fresh Groundnutsमूंगफली, ताजी मूंगफलीशेंगदाणे, ताजे शेंगदाणेKacang Tanah, Kacang Tanah Segarਜ਼ਮੀਨਦੋਜ਼, ਤਾਜ਼ੇ ਜ਼ਮੀਨੀநிலக்கடலை, புதிய நிலக்கடலைవేరుశనగ, తాజా వేరుశనగನೆಲಗಡಲೆ, ತಾಜಾ ನೆಲಗಡಲೆশিমুন, নতুন গাছમગફળી, તાજી મગફળીtaajee moongaphalee
GarlicलहसुनलसूणBawang putihਲਸਣபூண்டுవెల్లుల్లిಬೆಳ್ಳುಳ್ಳಿরসুনલસણLahsun
GingerअदरकआलेJaheਅਦਰਕஇஞ்சிఅల్లంಶುಂಠಿআদাઆદુAdrak
Green chilliहरी मिर्चहिरवी मिरचीCabai hijauਹਰੀ ਮਿਰਚபச்சை மிளகாய்పచ్చిమిర్చిಹಸಿರು ಮೆಣಸಿನಕಾಯಿকাঁচা মরিচલીલા મરચાHari mirch
Indian squash, round melonभारतीय स्क्वैश, गोल तरबूजभारतीय स्क्वॅश, गोल खरबूजLabu India, melon bulatਭਾਰਤੀ ਸਕੁਐਸ਼, ਗੋਲ ਤਰਬੂਜஇந்திய ஸ்குவாஷ், சுற்று முலாம்பழம்ఇండియన్ స్క్వాష్, రౌండ్ పుచ్చకాయಭಾರತೀಯ ಸ್ಕ್ವ್ಯಾಷ್, ರೌಂಡ್ ಕಲ್ಲಂಗಡಿভারতীয় স্কোয়াশ, গোল তরমুজભારતીય સ્ક્વોશ, રાઉન્ડ તરબૂચTinda
JackfruitकटहलफणसNangkaਜੈਕਫ੍ਰੂਟபலாப்பழம்జాక్‌ఫ్రూట్ಜಾಕ್ ಫ್ರೂಟ್কাঁঠালજેકફ્રૂટKathal
Water Spinachपानी पालकपाणी पालकBayam airਵਾਟਰ ਪਾਲਕநீர் கீரைనీటి బచ్చలికూరನೀರಿನ ಪಾಲಕপানি শাকપાણી પાલકWater Spinach
Lettuceसलादकोशिंबिरीसाठी वापरण्यात येणारा एक पाला व त्याचे झाडSeladaਸਲਾਦகீரைపాలకూరಲೆಟಿಸ್লেটুসલેટીસsalaad patta /lettuce
Lotus Stemकमल का तनाकमळ स्टेमBatang Terataiਕਮਲ ਸਟੈਮதாமரை தண்டுలోటస్ స్టెమ్ಕಮಲದ ಕಾಂಡলোটাস স্টেমકમળ સ્ટેમLotus Stem
Lime, lemonनीबूलिंबू, लिंबूJeruk nipis, lemonਚੂਨਾ, ਨਿੰਬੂசுண்ணாம்பு, எலுமிச்சைసున్నం, నిమ్మನಿಂಬೆ, ನಿಂಬೆচুন, লেবুચૂનો, લીંબુNimbu
Malabar spinachमालाबार पालकमलबार पालकbayam malabarਮਲਾਬਾਰ ਪਾਲਕமலபார் கீரைమలబార్ బచ్చలికూరಮಲಬಾರ್ ಪಾಲಕমালাবার পালংમલબાર પાલકPoi saag
MushroomमशरूममशरूमJamurਖੁੰਭகாளான்పుట్టగొడుగుಅಣಬೆমাশরুমમશરૂમKukkurmutta, khumb, guchhi
Mustard leavesसरसों के पत्तेमोहरीची पानेdaun sawiਰਾਈ ਦੇ ਪੱਤੇகடுகு இலைகள்ఆవాలు ఆకులుಸಾಸಿವೆ ಎಲೆಗಳುসরিষার পাতাસરસવના પાનSarson ka saag
Onionप्याजकांदाBawangਪਿਆਜவெங்காயம்ఉల్లిపాయಈರುಳ್ಳಿপেঁয়াজડુંગળીPyaaz
OnionSambharप्याज सांभरीकांदासंभरBawang Sambharਪਿਆਜ਼ ਸੰਮਬਰவெங்காயசம்பர்ఉల్లిపాయ సంభార్ಈರುಳ್ಳಿ ಸಂಭಾರ್পেঁয়াজসম্বরડુંગળી સંભારPyaaz sambhar
Okra, lady fingerभिंडी, भिंडीभेंडी, लेडी बोटOkra, jari wanitaਓਕਰਾ, ਲੇਡੀ ਫਿੰਗਰஓக்ரா, பெண் விரல்ఓక్రా, లేడీ ఫింగర్ಓಕ್ರಾ, ಲೇಡಿ ಫಿಂಗರ್ওকরা, ভদ্রমহিলাઓકરા, લેડી આંગળીBhindi
Flat green beansफ्लैट हरी बीन्सफ्लॅट हिरव्या सोयाबीनचेKacang hijau datarਫਲੈਟ ਹਰੇ ਬੀਨਜ਼தட்டையான பச்சை பீன்ஸ்ఫ్లాట్ గ్రీన్ బీన్స్ಚಪ್ಪಟೆ ಹಸಿರು ಬೀನ್ಸ್ফ্ল্যাট সবুজ মটরশুটিફ્લેટ લીલી કઠોળPapdi Sem ki phali
PeasमटरवाटाणेKacang polongਮਟਰபட்டாணிబటానీలుಬಟಾಣಿমটরવટાણાMatar, mutter
Mint leavesपुदीने की पत्तियांपुदीना पानेDaun mintਪੁਦੀਨੇ ਦੇ ਪੱਤੇபுதினா இலைகள்పుదీనా ఆకులుಪುದೀನ ಎಲೆಗಳುপুদিনাপাতাફુદીના ના પત્તાpudina patta
Pumpkinकद्दूभोपळाLabuਕੱਦੂபூசணிగుమ్మడికాయಕುಂಬಳಕಾಯಿকুমড়াકોળુKaddu
Potatoआलूबटाटाkentangਆਲੂஉருளைக்கிழங்குబంగాళాదుంపಆಲೂಗಡ್ಡೆআলুબટાટાAloo
RedBeansराजमाराजमाKacang merahਰੈਡਬੀਨਜ਼சிவப்பு பீன்ஸ்రాజ్మಕೆಂಪು ಬೀ ನ್ಸ್লাল বিচিરેડબીન્સRaajama
Radish, daikonमूली, डाइकोनोमुळा, डाईकनLobak, daikonਮੂਲੀ, ਡੇਕੋਨமுள்ளங்கி, டைகோன்ముల్లంగి, డైకాన్ಮೂಲಂಗಿ, ಡೈಕಾನ್মূলা, দাইকন onમૂળો, ડાઇકોનMooli
Radishpodsमूली फलीरॅडिशपॉड्सlobakਰੈਡੀਸ਼ਪੋਡਸமுள்ளங்கிముల్లంగిపాడ్లుಮೂಲಂಗಿRadishpodsમૂળાની પોડ્સMoongra, mogri
raw banana unripeकच्चा केला कच्चाकच्चा केळी कच्चाpisang mentah mentahਕੱਚੇ ਕੇਲੇ ਦੀ ਪਕੜமூல வாழைப்பழ பழுக்காதముడి అరటి పండనిಹಸಿ ಬಾಳೆ ಬಲಿಯದকাঁচা কলা unripeકાચા બનાના unripeKacha kela
Red Chiliलाल मिर्चलाल तिखटCabe merahਲਾਲ ਚਿੱਲੀசிவப்பு மிளகாய்ఎరుపు మిరపಕೆಂಪು ಮೆಣಸಿನಕಾಯಿলাল মরিচલાલ મરચુંLal mirch
Ridge gourdतोरईरिज लौकीlabu punggungਰਿਜ ਲੌਕੀரிட்ஜ் சுண்டைக்காய்రిడ్జ్ పొట్లకాయಹೀರೆಕಾಯಿঝিঙ্গেરીજ લોભીTurai, Tori, Turaiya
Shallotछोटे प्याज़शॅलोटbawang merahਸ਼ੱਲੀਟஷாலட்షాలోట్ಆಳಟ್শালোটશાલોટBarik Kande
Stinky Beansबदबूदार बीन्सदुर्गंधीयुक्त बीन्सKacang Bauਬਦਬੂਦਾਰ ਬੀਨਜ਼துர்நாற்றம் வீசும் பீன்ஸ்స్టింకీ బీన్స్ಸ್ಟಿಂಕಿ ಬೀನ್ಸ್দুর্গন্ধযুক্ত শিমસ્ટિન્કી બીન્સStinky Beans
Salam Leafसलाम पत्तासलाम लीफdaun salamਸਲਾਮ ਪੱਤਾசலாம் இலைసలాం లీఫ్ಸಲಾಮ್ ಲೀಫ್সালাম পাতাસલામ પર્ણSalam Leaf
Spring Onionsवसंत के प्याजवसंत ओनियन्सBawang merahਬਸੰਤ ਪਿਆਜ਼வசந்த வெங்காயம்ఉల్లి కాడలుಸ್ಪ್ರಿಂಗ್ ಈರುಳ್ಳಿবসন্ত পেঁয়াজવસંત ડુંગળીpyaaj patta
SproutअंकुरफुटणेTumbuhਫੁੱਟਣਾமுளைப்பயிர்మొలకెత్తండిಮೊಳಕೆফোটাફણગાવેankur / sprout
Snake gourdचिचिण्डासाप लौकीlabu ularਸੱਪ ਲੌਕੀபுடலங்காய்పాముకాయಹಾವಿನ ಸೋರೆಕಾಯಿচিচিঙ্গাસાપની લોટParora chichinda
Spinachपालकपालकbayamਪਾਲਕகீரைబచ్చలికూరಸೊಪ್ಪುপালংપાલકPalak
Sweet potatoशकरकंदरताळेUbiਮਿਠਾ ਆਲੂஇனிப்பு உருளைக்கிழங்குచిలగడదుంపಸಿಹಿ ಆಲೂಗಡ್ಡೆমিষ্টি আলুશક્કરિયાShakarkandi
TomatoटमाटरटोमॅटोTomatਟਮਾਟਰதக்காளிటమోటాಟೊಮೆಟೊটমেটোટામેટાTamatar
Taro rootsतारो जड़ेंतारो मुळेAkar talasਤਾਰੋ ਜੜ੍ਹਾਂடாரோ வேர்கள்టారో మూలాలుಟ್ಯಾರೋ ಬೇರುಗಳುতারো শিকড়તારો મૂળArbi
Ivy gourdआइवी लौकीआयवी लौकीlabu ivyਆਈਵੀ ਲੌਕੀஐவி சுண்டைக்காய்ఐవీ పొట్లకాయಐವಿ ಸೋರೆಕಾಯಿআইভী লাউઆઇવિ લોભીTendli
Turnipशलजमसलगम नावाच कंद व त्याचे झाडLobakਚਰਬੀடர்னிப்టర్నిప్ನವಿಲುಕೋಸುশালগমસલગમShalgam, shalzam
Elephant yamहाथी यामहत्ती यामubi gajahਹਾਥੀ ਯਮயானை யாம்ఏనుగు యమಆನೆ ಯಾಮ್হাতির ইয়ামહાથીની યામSooran, suran, jimikand
Vegetable names table in various languages

Also checkout https://sabziyaan.doableyo.com or https://sz.doableyo.com for easy creating for your offline shopping list items.

Thanks for reading & happy learning!

Categories
Blog Learning Tech

How to update PHP version on shared host website or under cpanel?

Hello welcome to the post!

Look for “MultiPHP Manager” in Cpanel search bar or on home page of your Cpanel after login.

Reference screenshot

It will show you your current System PHP version and below option to change the setting for PHP version as required.

From dropdown menu like on right select the version of PHP you needed and apply, before that not to forget to select the list of domains, if you have multiple websites or subdomains to apply the latest PHP version.

Hope this solves your issue to the fastest when composer dependencies gives error like below when you trying to test small issue of your website.

{ "message": "syntax error, unexpected token \")\"", "exception": "ParseError", "file": "/home4/ininszp2/abclar/vendor/symfony/css-selector/XPath/Extension/NodeExtension.php", "line": 68, "trace": [ { "file": "/home4/ininszp2/abclar/vendor/composer/ClassLoader.php", "line": 428, "function": "Composer\\Autoload\\includeFile" }, { "file": "/home4/ininszp2/abclar/vendor/symfony/css-selector/XPath/Translator.php", "line": 56, "function": "loadClass", "class": "Composer\\Autoload\\ClassLoader", "type": "->" }, { "file": "/home4/ininszp2/abclar/vendor/symfony/css-selector/CssSelectorConverter.php", "line": 40, "function": "__construct", "class": "Symfony\\Component\\CssSelector\\XPath\\Translator", "type": "->" }, { "file": "/home4/ininszp2/abclar/vendor/tijsverkoyen/css-to-inline-styles/src/CssToInlineStyles.php", "line": 19, "function": "__construct", "class": "Symfony\\Component\\CssSelector\\CssSelectorConverter", "type": "->" }, { "file": "/home4/ininszp2/abclar/vendor/laravel/framework/src/Illuminate/Mail/Markdown.php", "line": 73, "function": "__construct", "class": "TijsVerkoyen\\CssToInlineStyles\\CssToInlineStyles", "type": "->" }, { "file": "/home4/ininszp2/abclar/vendor/laravel/framework/src/Illuminate/Mail/Mailable.php", "line": 309, "function": "render", "class":

Thanks for reading and Happy learning!

Categories
Blog Learning Tech

how to fix Referrer Policy: strict-origin-when-cross-origin?

Hello,

I was facing this issue on the subdomain site, were subdomain accessing the assets from parent site domain.abc from folder structure pattern path of image file.

Was getting 404 error for loading image… (why I am explaining all over this, lets come to point of fixing 🙂 )

To note I was doing this under my Cpanel Shared Hosting Server.

In my root folder (mdw) of assets for example mdw/assets/images/ created .htaccess files and added following lines of code:

SetEnvIf Origin "http(s)?://(.+\.)?mywebsite\.com(:\d{1,5})?$" CORS=$0

Header set Access-Control-Allow-Origin "%{CORS}e" env=CORS
Header merge  Vary "Origin"

and the image started loading fine, CORS issue resolved.

Just in regex above replace with the exact domain name of parent it will fix the CORS issue of the question.

Beside, if you don’t have access to shared host or cpanel, then try to install browser CORS plugin and enable it to load the resources by bypassing this CORS issue, in same case it still won’t work you would need request your team or superior to get it resolved for you 🙂

Thanks for reading!

Happy Learning!

Categories
Javascript Learning Tech

What to do when you get Error: sgmail send error Bad Request (400) The attachment content must be base64 encoded. attachments.0.content for nodejs or in next js application?

Okay well, this error occurred when you try to send the generated buffer data as an attachment using @sendgrid/mail service.

To tackle issue, will simply paste the previous line of code and the fix line of code so data was then send as base64 content as required with the @sendgrid/mail service

  res.send(response); //previous line of response from nextjs api

after adding the fix over same above line using Buffer

  res.send(Buffer.from(response).toString('base64')); // to base64 string as an output resolve the above issue

If anyone wants to look for the entire piece of file code, here you go: 

// import the necessary node libraries
const chromium = require('chrome-aws-lambda');
const puppeteer = require('puppeteer');
import { createEmailTemplate } from "../../api/functions/index";
// var Buffer = require('buffer/').Buffer  // note: the trailing slash is important!

export default async (req, res) => {

    // console.log({ m: req.method.toLowerCase(), body: Object.keys(req.body).length });

    if (req.method.toLowerCase() !== 'post' ||
        (!Object.keys(req.body).length ||
            process.env.YOUR_EXTERNAL_API_SECRET !== req.body.your_api_secret)) {
        res.status(403).send("Access denied");
        return;
    }

    const { generateType, store } = req.body; // && JSON.parse(JSON.streq.body);
    const templatePayload = {
        ...req.body,
        assetsBaseURL: process.env.NEXT_PUBLIC_ASSETS_BASE_URL,
        siteName: process.env.SITE_NAME,
        logoPath: store?.logo,
    };
    // console.log({ templatePayload });
    try {

        // compile the file with handlebars and inject the customerName variable
        const html = createEmailTemplate("my-invoice", templatePayload);

        // simulate a chrome browser with puppeteer and navigate to a new page
        const browser = await puppeteer.launch({
            args: chromium.args,
            // defaultViewport: chromium.defaultViewport,
            // defaultViewport: generateType && generateType === 'pdf' ? chromium.defaultViewport : { width: 640, height: 1200 }, //chromium.defaultViewport,
            executablePath: await chromium.executablePath,
            headless: generateType && generateType === 'pdf' ? true : chromium.headless,
            ignoreHTTPSErrors: true,
        });

        const page = await browser.newPage();
        await page.setViewport({
            width: 640,
            height: page.viewport().height, // + 400,
            deviceScaleFactor: 1,
        });

        // set our compiled html template as the pages content
        // then waitUntil the network is idle to make sure the content has been loaded
        await page.setContent(html, { waitUntil: 'networkidle0' });

        // convert the page to pdf with the .pdf() method
        let response;
        if (generateType && generateType === 'pdf') {
            const pdf = await page.pdf({ format: 'A4' });
            response = pdf;
        } else {
            const screenshot = await page.screenshot({ fullPage: true });
            response = screenshot;
        }
        await browser.close();

        // // send the result to the client
        res.statusCode = 200;
        res.send(Buffer.from(response).toString('base64'));

        // CODE BELOW WRITE RESPONSE AS HTML AND IMAGE IS DISPLAYED, TESTTED 
        // res.writeHead(200, { 'Content-Type': 'text/html' });
        // res.write('<html><body><img src="data:image/jpeg;base64,')
        // res.write(Buffer.from(response).toString('base64'));
        // res.end('"/></body></html>');

    } catch (err) {
        console.log(err);
        res.status(500).json({ message: err.message });
    }
};

I hope this find useful to anyone who facing this question or challenge.

Happy learning! Enjoy!

Categories
Learning

How to remove stuck Filament from Snapmaker A350 3D module or how to fix Filament Runout error message in snapmaker luban or on touch screen?

snapmaker-a350-filament-runout-issue

There is couple of way to fix this questions around ‘or’ ?

First try the way it mention on the snapmaker support page here:

https://support.snapmaker.com/hc/en-us/articles/360060908513-What-should-I-do-if-the-Touchscreens-keeps-showing-Filament-Runout-

which could solve the issue of the error message of Filament runout.

Incase that’s not your case, then you need to pull out the jammed filament in the filament passer to the nozzle.

Here is the quick answer in the video how to get that jammed filament out more easily and what not required to do (so). Please follow the video how exactly it got fixed for the me for the stuck filament not coming out.

Fix filament stuck issue in Snapmaker 3D Module #snapmaker @3dmodule #filament

After removing the stuck filament, I was still getting filament runout error, I was sure I have missed the steps of tightening the filament runout sensor in the module, so I have used following command line code to skip the check of Filament Runout Error and proceed with the new 3D Prints:

To Disabled Filament Runout check, type code in Command Line Interface in Luban Software: M412 S0
To enable Filament Runout check, type code in Command Line Interface in Luban Software: M412 S1

Hope this solves your issue and happy 3D printing.

Thanks for visiting and have a beautiful time. 🙂