Web Dev Matrix
Web Dev Matrix
  • 43
  • 53 767
How to Create Free Portfolio Website under 5 minutes
In this video, we'll learn how to create a professional portfolio free portfolio website in less than 5 minutes. 🖥️💼
🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix
📑🔗 Free Portfolio Templates: www.free-css.com/template-categories/portfolio
🌐🔗 Method 1 Source code: github.com/rahul-sr/Portfolio_Demo_Template
💼🔗 Demo Portfolio: rahul-sr.github.io/Portfolio_Demo_Template/
📚 Chapters:
00:00 - Intro
00:12 - Method 1
01:27 - Deploying on GitHub Pages
02:08 - Method 2
03:11 - Publishing the Portfolio
Intagram: webdevmatrix101
🚀 Don't forget to like, share, and subscribe for more amazing web development tutorials! Happy coding! 🚀
#portfolio #portfoliowebsite #portfoliotemplate #canvawebsite
Related searches:
portfolio website, free portfolio website, portfolio website examples, portfolio websites, best portfolio websites, portfolio website templates, website portfolio, portfolio website builder, portfolio website design, portfolio website free, cool portfolio websites, graphic design portfolio websites, personal portfolio website, photography portfolio websites, website portfolio examples, create portfolio website, design portfolio website, how to create a portfolio website, how to make a portfolio website, portfolio website template, the best ui ux portfolio websites, website design portfolio, artist portfolio website, best website builder for portfolio, example portfolio website, portfolio websites examples, sample portfolio websites, website for portfolio, best free portfolio websites, best portfolio website, best websites for portfolios, designer portfolio websites, graphic designer portfolio website, portfolio websites free, best portfolio website builders, best portfolio website design, best website for portfolio, create a portfolio website, free portfolio website templates, great website portfolios, make a portfolio website, personal portfolio website templates free, portfolio website example, software engineer portfolio website, website design portfolios, best design portfolio websites, design portfolio websites, graphic design portfolio website, making a portfolio website, web developer portfolio website, website portfolio template, writing portfolio website, creating a portfolio website, developer portfolio website, e portfolio websites, free website for portfolio, free website portfolio, good portfolio websites, graphic designer website portfolio, online portfolio website, portfolio website ideas, simple portfolio website, ux portfolio website, what is a portfolio website
มุมมอง: 1 037

วีดีโอ

LLM in 60 seconds for a non-programmer | What is Large Language Model | ChatGPT
มุมมอง 19511 หลายเดือนก่อน
In this video, we will be learning about LLM (Large Language Model) in simple fun way in 60 seconds. - What is LLM? - How LLM works? - How is LLM trained? - Popular LLMs - Launch of ChatGPT - Challenges of LLM We have started this series: "Tech in 60 seconds" where we will be explaining the new tech related topics. Subscribe the channel to stay tuned. - By Web Dev Matrix
How to Add Push Notifications using Firebase | In ReactJs | To Boost User Engagement
มุมมอง 15K11 หลายเดือนก่อน
🔥 Welcome to our comprehensive guide on implementing push notifications in a React app using Firebase! 🔥 🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix Chapters: 0:00 Intro 0:13 Setup Firebase 1:10 Google Cloud Messaging 1:50 Create React App 2:16 Integrate Firebase 3:41 VAPID Key Creation 4:24 Permission and Device Token 7:30 Service Worker Setup 8:15 Receiv...
How to Integrate Razorpay | Payment Gateway Integration | React and Node.js for web 💵
มุมมอง 23Kปีที่แล้ว
🚀 Welcome to the Razorpay Payment Gateway Integration Tutorial In React and Node.js! 💸 🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix 🛠️ Links: 🔗 Razorpay: razorpay.com/payment-gateway 👩‍💻 Code: github.com/webdevmatrix/razorpay_reactjs_nodejs 👨‍💻 Let's Code Together! Subscribe, Like, and Hit the Bell for Notifications. 🔍 What You'll Learn: 🔄 Integrate Razorpa...
ASMR Coding: Creating an E-commerce Landing Page in ReactJS | Relaxing Programming Tutorial
มุมมอง 100ปีที่แล้ว
🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix Indulge in the soothing world of ASMR coding as we delve into building an enchanting E-commerce Landing Page using ReactJS. With gentle whispers of code and tranquil programming sounds, join us on this unique journey to create an immersive digital shopping experience. In this ASMR coding session, we'll guide you ...
Creating an Irresistible ECommerce Website Landing Page with ReactJS | Step by Step with Source Code
มุมมอง 267ปีที่แล้ว
Join us in this step-by-step coding tutorial where we walk you through the entire process of creating a visually stunning and user-friendly ECommerce Website Landing Page using ReactJS. 👉 Code Link: github.com/rahul-sr/InfinityStoreEcommerce 🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix Follow along as we delve into the key components of ReactJS, exploring h...
Deploy a Website to Vercel, Render or Netlify | Free React App Hosting
มุมมอง 376ปีที่แล้ว
📱 Are you looking to deploy your website or React application but unsure how to do it? In this comprehensive tutorial, we guide you through the process of deploying a website free of cost to popular hosting services like Vercel, Render, and Netlify. 🧑‍🤝‍🧑 Join the Web Dev Matrix Community for queries and support: t.me/webdevmatrix 📚 Chapters: 0:00 - Intro 0:11 - Comparison Render/Vercel/Netlify...
Creating Glassmorphic Login Form in HTML/CSS ASMR | Calming Coding
มุมมอง 193ปีที่แล้ว
Creating Glassmorphic Login Form in HTML/CSS ASMR | Calming Coding
ASMR Coding: Smartwatch Face Clock in HTML, CSS, and JavaScript | Analog clock
มุมมอง 323ปีที่แล้ว
ASMR Coding: Smartwatch Face Clock in HTML, CSS, and JavaScript | Analog clock
Relaxing ASMR Coding | Backlit Calculator with LED Ambiance in HTML, CSS and JavaScript
มุมมอง 402ปีที่แล้ว
Relaxing ASMR Coding | Backlit Calculator with LED Ambiance in HTML, CSS and JavaScript
Soothing Calculator ASMR with HTML, CSS, and JavaScript
มุมมอง 628ปีที่แล้ว
Soothing Calculator ASMR with HTML, CSS, and JavaScript
Host on GitHub Pages: Showcase Your Portfolio or React App for Free
มุมมอง 406ปีที่แล้ว
Host on GitHub Pages: Showcase Your Portfolio or React App for Free
ReactJs: Unleash the Power of Class-Based Components | Constructor method | State and setState
มุมมอง 67ปีที่แล้ว
ReactJs: Unleash the Power of Class-Based Components | Constructor method | State and setState
useMemo hook in React | Memoization Magic to improve your App's Performance
มุมมอง 72ปีที่แล้ว
useMemo hook in React | Memoization Magic to improve your App's Performance
React Hooks Secrets: Mastering useState, useEffect, the Rule of Hooks for Supercharged UI | Part 6
มุมมอง 120ปีที่แล้ว
React Hooks Secrets: Mastering useState, useEffect, the Rule of Hooks for Supercharged UI | Part 6
ReactJs Components: Functional vs. Class, Props, State and Composition
มุมมอง 467ปีที่แล้ว
ReactJs Components: Functional vs. Class, Props, State and Composition
How to Setup GIT on Windows 11 | Quick Installation and Configuration Guide
มุมมอง 106ปีที่แล้ว
How to Setup GIT on Windows 11 | Quick Installation and Configuration Guide
How to Master JSX Magic: Unraveling the Mysteries of React's Secret Weapon
มุมมอง 164ปีที่แล้ว
How to Master JSX Magic: Unraveling the Mysteries of React's Secret Weapon
React Setup Simplified: Step-by-Step Guide for Beginners | React Masterclass Series | Part 2
มุมมอง 170ปีที่แล้ว
React Setup Simplified: Step-by-Step Guide for Beginners | React Masterclass Series | Part 2
The Essential React Guide for Beginners | Zero to Hero React Tutorial Series | Part 1
มุมมอง 1.3Kปีที่แล้ว
The Essential React Guide for Beginners | Zero to Hero React Tutorial Series | Part 1
How to delete a repository in Github | recover/restore deleted repository
มุมมอง 242ปีที่แล้ว
How to delete a repository in Github | recover/restore deleted repository
Mastering JavaScript Debugging in Visual Studio Code | Debug Web Apps, React, and Node.js
มุมมอง 505ปีที่แล้ว
Mastering JavaScript Debugging in Visual Studio Code | Debug Web Apps, React, and Node.js
Debugging Javascript Tutorial | Debugging web application in Chrome
มุมมอง 174ปีที่แล้ว
Debugging Javascript Tutorial | Debugging web application in Chrome

ความคิดเห็น

  • @BhupendraYadav-c1x
    @BhupendraYadav-c1x 12 วันที่ผ่านมา

    Nice lecture There is no such video on youtube like this

  • @MrSteveHaran
    @MrSteveHaran 28 วันที่ผ่านมา

    Hi all good -except when I install on my iphone - I get a 'denied' when I call the request permission. Chrome has notifications enabled - any ideas please?

  • @sivamunakala2135
    @sivamunakala2135 29 วันที่ผ่านมา

    How to write code for different payments

  • @DarkWraith5552
    @DarkWraith5552 หลายเดือนก่อน

    Dind't give example to send message, uninpressed.

  • @моча-ф8ъ
    @моча-ф8ъ หลายเดือนก่อน

    Nice tutorial! Firebase can be tricky, but this video helps a lot. Thank you!

  • @NarayanaR-qu9fs
    @NarayanaR-qu9fs หลายเดือนก่อน

    can we change the code of smartwatch if possible can we make a video of it as soon as possible because i'm working on one project i need more informations on smart watch

  • @NarayanaR-qu9fs
    @NarayanaR-qu9fs หลายเดือนก่อน

    in which ide this coding is done bro

  • @tranminhquan3454
    @tranminhquan3454 หลายเดือนก่อน

    i have a problem, i do follow you step by step but, when i push i didn't see notification. notification had appeared in console. i hope you answer me please

  • @UECSoumyaRay
    @UECSoumyaRay หลายเดือนก่อน

    It is showing improper KYC. Do we need business PAN for this?

  • @shreyashjain1475
    @shreyashjain1475 หลายเดือนก่อน

    Does it work same with vite?

  • @bhavnishpatel9903
    @bhavnishpatel9903 หลายเดือนก่อน

    Such a Great Tutorial

  • @rohit.ayadav
    @rohit.ayadav หลายเดือนก่อน

    I am little worried after seeing your subscriber number

  • @anwareskeef2564
    @anwareskeef2564 2 หลายเดือนก่อน

    hiii , why we can not use modular API ? and if we can how to use it ?

  • @Imohy69
    @Imohy69 2 หลายเดือนก่อน

    That's so prefect, unique and well explained, thankyou

  • @soultouchingsongs
    @soultouchingsongs 3 หลายเดือนก่อน

    Thank you so much.

  • @kamal_pratap
    @kamal_pratap 3 หลายเดือนก่อน

    Should we save the webhook event data in our database? What if we are only storing the order_id which we passed in the first step?

    • @soultouchingsongs
      @soultouchingsongs 3 หลายเดือนก่อน

      We can save the response in state and show in ui. as razorpay has these details in the dashboard, no need to save in db. (depends on your requirement) - setstate and show in ui.. add a modal key in options. code : modal: { ondismiss: function () { // Handle payment failure or cancellation console.log("Payment was not completed"); setPaymentError("Payment was not completed. Please try again."); }, }, retry: { enabled: false, max_count: 1, // Allow one retry attempt },

    • @kamal_pratap
      @kamal_pratap 8 วันที่ผ่านมา

      @@soultouchingsongs but what if we have a transaction history page which shows details about a transaction

  • @wicia2968
    @wicia2968 3 หลายเดือนก่อน

    Very good video :)

  • @eduardorpg64
    @eduardorpg64 3 หลายเดือนก่อน

    Your tutorial has helped me quite a lot! Thanks!

  • @sobanwaqar1192
    @sobanwaqar1192 3 หลายเดือนก่อน

    hello sir, I have done everything from firebase configuration to token generation. but i am unable to recieve notifications . i have also put debugger on listeners of onMessage and backgrond one as well . But still i am unable to recieve notification at my local host environment. i have also turn on all the notification from system settings. no error is shown but still not being able to get notifications. waiting for yourf reply

  • @navin_kg
    @navin_kg 4 หลายเดือนก่อน

    How to make these kind of videos . How can I reach out to you ?

  • @phamvanhan7037
    @phamvanhan7037 4 หลายเดือนก่อน

    Awesome! Thank you for this video.

  • @divyanshkapoor2396
    @divyanshkapoor2396 4 หลายเดือนก่อน

    Will this method work for react native also?

  • @topmemecompilations4126
    @topmemecompilations4126 4 หลายเดือนก่อน

    are build minutes important?

  • @topmemecompilations4126
    @topmemecompilations4126 4 หลายเดือนก่อน

    great content very annoying edits, please change your video editor

  • @yasinthara4852
    @yasinthara4852 4 หลายเดือนก่อน

    How to stop kyc Process

  • @jitendrakumarbijarnia6531
    @jitendrakumarbijarnia6531 4 หลายเดือนก่อน

    765432

  • @AlexUdeogu
    @AlexUdeogu 4 หลายเดือนก่อน

    Thank you soo much for this vid, is there any way you could guide me on sending notifications based of a user defined time

  • @princekanojia1033
    @princekanojia1033 5 หลายเดือนก่อน

    thankyouuu bhai ❤

  • @ankitkr7997
    @ankitkr7997 5 หลายเดือนก่อน

    can you tell me what's the minimum amount we can take from razorpay i want to charge 50 rs for a product but it is giving me the error : Order amount less than minimum amount allowed

    • @divyanshkapoor2396
      @divyanshkapoor2396 4 หลายเดือนก่อน

      put 5000 (amount you need to add * 100 )if you want 50rs to be sent i.e 50.00

  • @tashafkhan531
    @tashafkhan531 5 หลายเดือนก่อน

    nice 👍👍👍

  • @Shubbusb
    @Shubbusb 5 หลายเดือนก่อน

    how can i send the notification for evevry 30 minutes

  • @farrukh28
    @farrukh28 5 หลายเดือนก่อน

    Thanks for the great video. Simple and straight to the point <3

  • @mdsalehan4595
    @mdsalehan4595 5 หลายเดือนก่อน

    thanks for the tutorial !! loved it

  • @subashg-nf4xo
    @subashg-nf4xo 5 หลายเดือนก่อน

    nice thank you

  • @abhijithhnair9914
    @abhijithhnair9914 5 หลายเดือนก่อน

    I am receiving 2 notification for 1 request .Did any one received duplicate notification

  • @Odidi_Bee6ix
    @Odidi_Bee6ix 5 หลายเดือนก่อน

    Thanks for this gem. Pls do firebase push notification nextjs

  • @aniket1008
    @aniket1008 5 หลายเดือนก่อน

    Worked, Just a question would it target all the users on its own or do we have to add their token somewhere. Notifications are not being shown if i close the website

  • @shaheensiddiqui1952
    @shaheensiddiqui1952 5 หลายเดือนก่อน

    thanks for this tutorial Bro

  • @buntykhipal5103
    @buntykhipal5103 5 หลายเดือนก่อน

    thank you for making video.

  • @shaheensiddiqui1952
    @shaheensiddiqui1952 5 หลายเดือนก่อน

    Great tutorial all over the youtube for Razorpay☺😀😀😀

  • @shaheensiddiqui1952
    @shaheensiddiqui1952 5 หลายเดือนก่อน

    Great tutorial

  • @anirudhnomula2942
    @anirudhnomula2942 6 หลายเดือนก่อน

    Wow this video needs more views vould u please share more info reg webhooks

  • @fyfyfyfyfy
    @fyfyfyfyfy 6 หลายเดือนก่อน

    Thanks buddy! Easy and it worked <3

  • @tataotp3559
    @tataotp3559 6 หลายเดือนก่อน

    thanks bro, it is not working on android pwa app, please help

  • @arnavgarg2689
    @arnavgarg2689 6 หลายเดือนก่อน

    what is the receiptId send in body with currency?? how and on what bases is it generated?

  • @iccon7665
    @iccon7665 6 หลายเดือนก่อน

    really good tutorial keep it on bro

  • @gellisrikar
    @gellisrikar 6 หลายเดือนก่อน

    Are there specific solutions or steps that can be implemented to enable recurring payments through Razorpay on Wix platform?

  • @koladeadeyeye9660
    @koladeadeyeye9660 6 หลายเดือนก่อน

    A user commented saying, of all the videos he has watched regarding firebase messaging, this has been the most useful and i couldn't agree more. Good job!

  • @pavanmarapalli5661
    @pavanmarapalli5661 6 หลายเดือนก่อน

    Hi, thanks for short and detailed video const validatePayment = async (req, res) => { try { const { order_id, razorpay_payment_id, razorpay_signature } = req.body; const key_secret = process.env.RAZORPAY_SECRET_KEY; const hmac = crypto.createHmac("sha256", key_secret); hmac.update(`${order_id}|${razorpay_payment_id}`); const generated_signature = hmac.digest("hex"); if (generated_signature === razorpay_signature) { return res.status(200).json({ msg: "Payment is successful" }); } return res.status(400).json({ msg: "Transaction is not legit!" }); } catch (err) { console.error(err); res.status(500).json({ message: "Internal Server error" }); } }; why am unable to validate payment ? why generated_signature === razorpay_signature condition is always false ? do i need to finish KYC to validate payment ?

  • @baburqureshi6842
    @baburqureshi6842 6 หลายเดือนก่อน

    OTP isn't coming