CREATE a Stunning REACT JS Portfolio Website in 3 Hours

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ธ.ค. 2024

ความคิดเห็น • 130

  • @websitewalaofficial
    @websitewalaofficial 3 หลายเดือนก่อน +28

    in 5min i watch 6 ads. day by day youtube become unusable.

    • @faysal-islam-fd
      @faysal-islam-fd หลายเดือนก่อน +1

      use ad blocker bruh

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

      @@faysal-islam-fd ad blocker now give ban bro my one account is recently ban because of that

    • @swarantejvajrapu
      @swarantejvajrapu 7 วันที่ผ่านมา

      use brave

  • @jonellwood9212
    @jonellwood9212 3 หลายเดือนก่อน +2

    I am only about half way through this... but this is the first project where I really see the value of Tailwind. Great stuff!

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +2

      Thanks a lot! I'm glad you're finding value in Tailwind CSS. It's such a powerful tool once you get the hang of it! Keep going...

  • @PerezDavid-Okoro
    @PerezDavid-Okoro 3 หลายเดือนก่อน +4

    I love this, you now become my mentor in coding. God bless you, please bear with me I will follow your tutorial vidoe and also make my own website like this. But I promise to change part of the photos. Continue the great work your'e doing, keep it up. My name is David-Okoro Perez, a 17 year old boy from Nigeria Africa. Your tutorial has helped me a lot even from scratch. God bless you once again.

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

      Hi David-Okoro Perez, thank you so much for your kind words! 🙏 I'm truly honored to be a part of your coding journey. It’s amazing to hear that my tutorials have been helpful to you, and I’m excited to see the website you create with your own unique touch. 😊
      Keep pushing forward with your coding, and don't hesitate to reach out if you have any questions along the way.
      Wishing you all the best in your learning journey. God bless you too! 🙌

    • @PerezDavid-Okoro
      @PerezDavid-Okoro 3 หลายเดือนก่อน

      @@codewithsadee Amen sir.

  • @momentum6780
    @momentum6780 3 หลายเดือนก่อน +1

    I love to see notification from sadee , your videos helped me so much.Keep doing what you are doing , amazing video.

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

      Thank you so much for your support! 🙌 I'm really glad to hear that my videos have been helpful to you. Your encouragement means a lot, and I'll keep working hard to bring more valuable content. Stay tuned for more! 😊

  • @mdalmamunit427
    @mdalmamunit427 2 หลายเดือนก่อน +1

    I used your technique on a recent project, and it saved me so much time-thank you

    • @majidmohd100
      @majidmohd100 หลายเดือนก่อน +1

      The legend himself

  • @Brawlstriker89
    @Brawlstriker89 27 วันที่ผ่านมา

    Another project complete! I have been wanting to learn React. this tutorial is great for learning the concepts. I appreciate your hard work! Looking forward to the next project!

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

    Thank you for this amazing tutorial! Now I have a portfolio and intention to learn tailwindCSS. Subscribed and looking forward to your content. 😊

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

      heyy i have some doubts can u plzz help me with ur github link

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

      @@palakgupta2620 hi cutie

  • @AHMED-oi2vz
    @AHMED-oi2vz 3 หลายเดือนก่อน +2

    The Goat and great project !
    i hope you make more tutorials with React , NextJs and redux with API like vanilla js tutorials

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +2

      Thank you so much! I'm really glad you enjoyed the project! I'll definitely be creating more tutorials with React.
      Stay tuned for more content like this your feedback helps a lot! 🙌

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

    finally a react project from you and it's amazing like always! i hope u make mern stack series and maybe we can hear your voice :p

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +1

      Thank you so much! I'm really glad you liked the React project. 😊 A MERN stack series sounds like a great idea! 🤯
      Thanks

  • @jumiklein28
    @jumiklein28 3 หลายเดือนก่อน +1

    Great work, greater height boss. Please create more project from react and tailwind

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

      Thank you so much for the kind words! 🙏 I’m glad you enjoyed the project. Do you have any specific project ideas you'd like to see built with React and Tailwind? Let me know!

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

      @@codewithsadee please create a food app using glassmorphisms effect , though your previous project have been great 👍. Well done boss

  • @hyakimaru8614
    @hyakimaru8614 3 หลายเดือนก่อน +2

    How many VScode extensions do you setup for React and TailwindCSS? Can you describe it?

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

    Awesome man! Many thanks! Great video

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

      Thanks a lot! I'm really glad you enjoyed the video. What part of the project did you find most interesting?

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

      @@codewithsadee The whole video seemed interesting to me. The Hero, Skill, and Work sections are very interesting. Again, thank You!

  • @mian-hassam
    @mian-hassam 6 วันที่ผ่านมา

    Keep Going Nice work 💯👍

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

    Brilliant work!

  • @neonblaze1-c6x
    @neonblaze1-c6x 3 หลายเดือนก่อน +4

    Awsome project. Suggestion!, Create a Saas with nextjs.

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +2

      Thank you! 🙌 That's a great suggestion-Next.js is definitely on my radar for future projects. A SaaS idea sounds awesome, and I'd love to explore that. Stay tuned! 😊

  • @asrdni
    @asrdni 27 วันที่ผ่านมา +1

    Hello brother.
    Much thanks for this tutorial.
    I'm 10min into the video. I want to ask. If I want to design my own custom parts, like a different navbar and/or menu, do I code this by hand? Or is there helpful software that I can use to create it?

  • @pknoob4051
    @pknoob4051 2 หลายเดือนก่อน +1

    Great video just one question what is that terminal theme u put on powershell

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

    awesome created my portfolio referring this clear code and easy to learn , thank you so much

    • @codewithsadee
      @codewithsadee  29 วันที่ผ่านมา +1

      That’s amazing to hear! 😊 I’m so glad the code helped you create your portfolio! Thank you for the kind words, and best of luck with your portfolio, you're doing great! 🚀

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

      @codewithsadee thank you so much ❤
      Keep up your good ❤❤

  • @lukepenney2029
    @lukepenney2029 วันที่ผ่านมา

    Thanks for the project. How do I add scroll functionality to the reviews section so it's possible to scroll across with trackpad/mouse? It currently only moves when I scroll up & down the page which isn't ideal/intuitive for users that want to see the other reviews as it's currently impossible.

  • @p.arnoldapril2002
    @p.arnoldapril2002 2 หลายเดือนก่อน

    modern, simple and beautiful

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

    great work man keep doing 👍👍 and please try to make guided videos plzz

  • @pixelations188
    @pixelations188 3 หลายเดือนก่อน +1

    How did you make your powershell terminal like that?

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

    Je ne comprend pas : Y a un moyen de comprendre ce que vous faites sur le tableau PowerShell, à partir de 6:27 ? c'est incompréhensible pour un dév qui a un petit peu d'expérience ...

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

    Thank you for sharing the programming video. The sound of your keyboard keys sounds magical and healing. What kind of keyboard do you use? Can you provide a purchase link?

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

    At 18:43, why did you choose default export instead of named export?

  • @matheusferreira4377
    @matheusferreira4377 3 วันที่ผ่านมา

    Hello, how do I change the names in the ''NavBar''? They are in English, but I want to leave them in my language 'Portuguese'. The project is incredible! I just want to thank you for sharing.

  • @li0770
    @li0770 3 หลายเดือนก่อน +1

    Why default export instead of named export? Of the App function

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

    Oh what a surprise❤🎉

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

    Perfect. Thanks.

  • @rahulshinde9261
    @rahulshinde9261 27 วันที่ผ่านมา

    How u edit your project images
    any tools?

  • @abderrahmanemalihi4669
    @abderrahmanemalihi4669 27 วันที่ผ่านมา

    great video !! i have a question about the download cv Button, is there a simple way to make it work ?

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

    Thanks for this wonderfull project

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

      You're very welcome! I'm glad you found the project helpful. Feel free to reach out if you have any questions or suggestions!

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

    awesome work

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

      Thank you so much! We really appreciate your support and for staying connected with us over the past 2 years. It means a lot to have you along for the journey!

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

    Responsive part, how do you make the browser float and can you move anywhere on the page?

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

    Exelente gracias por este contenido ❤

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

      Thank you so much!

  • @alixerkmir2097
    @alixerkmir2097 11 วันที่ผ่านมา

    What extension do you use for license? 5:40 🤔🤔

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

    Can you make 1 video for nodejs express (ejs) mongodb and clerk, it should be dashboard application where login button on index page which redirect to clerk login and after that on my own dashboard there will be logout button of clerk..

  • @NTS-n6h
    @NTS-n6h หลายเดือนก่อน

    At 40:25 why I can't toggle the symbols like you did though, in my case the "close" symbol is just words, not symbol

    • @NTS-n6h
      @NTS-n6h หลายเดือนก่อน

      Ah, nevermind XD

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

      pass navOpen to Navbar as
      const Navbar = ({navOpen})

    • @codewithsadee
      @codewithsadee  29 วันที่ผ่านมา +1

      Make sure you’ve imported it correctly. If you’re still facing issues, let me know, I’ll help you sort it out! 👍

    • @NTS-n6h
      @NTS-n6h 29 วันที่ผ่านมา

      @@codewithsadee Yea, I was imported only the menu symbol, that's why it didn't work XD

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

      Can you share your github repo?

  • @mr.fabian8471
    @mr.fabian8471 3 หลายเดือนก่อน

    Thank you so much

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

      You're very welcome! Glad you found the video helpful. Let me know what is the most interesting part for you?

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

    wow bro that's some cool intro, how did you create that?

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

    Fill Option is not working. In reviews page stars

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

    Best Portfolio For developer! can I use this for my personal portfolio?

    • @codewithsadee
      @codewithsadee  2 หลายเดือนก่อน +1

      Absolutely! You can definitely use this as inspiration for your personal portfolio. Just make sure to tailor it to showcase your unique skills and projects!

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

    Help the author, when I import about, I can't import, the project disappears and just a black screen shows, and when I remove about everything is fine, what could be the problem?

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

      Hey, join our discord server to discuss about the issues

  • @Thomas_RD
    @Thomas_RD 19 วันที่ผ่านมา

    hola lo queria hacer en mac pero no se como

  • @15-jubayerahmed29
    @15-jubayerahmed29 หลายเดือนก่อน

    You said you would add voice explanations to every upcoming video, but it's not yet done.

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

    whats the theme ur using on vs code?

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

    live app url ??

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

    where did you get skills svg images

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

    Which machine are you using

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

    How to host this?

  • @MilitaryInsights
    @MilitaryInsights 3 หลายเดือนก่อน +5

    Source code please

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

    another vedio is in your channel with same project in next.js tailwind css

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

    Please add voiceover so, we can understand.

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

    At least 1 dedicated video should be on medium project with Context Api because this type videos is very rare available at YT

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +1

      Thanks for the suggestion! I agree, Context API is a powerful tool and there aren't too many detailed videos on medium-sized projects using it. What kind of project would you like to see built with the Context API? Any specific features you're interested in?

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

      @@codewithsadee
      Every one talk about the Redux or redux toolKit
      But unfortunately 2% can relate with Context Api instead they don't discuss it in their toturial,,,,
      . How can use with the right approach of context Api in any
      E-commerce or blog posting app project ,,,,, or what you want make

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

      @@codewithsadee
      Every one talk about the Redux or redux toolKit But 2% can relate with Context Api instead they don't discuss it in their toturial,,,,
      . How can use with the right approach of context Api in any
      E-commerce or blog posting app project ,,,,, or what you want make

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

      @@codewithsadee
      Every one talk about the Redux or redux toolKit But 2% can relate with Context Api instead they don't discuss it in their toturial, How can use with the right approach of context Api in any
      E-commerce or blog posting app project,,or what you want make

  • @BKSE-mq7zg
    @BKSE-mq7zg 3 หลายเดือนก่อน

    We want advanced react project please sir ❤

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +1

      Thanks for the suggestion! 🙌 I’m working on some advanced React projects, so stay tuned for more content soon! Any specific features or projects you'd like to see? Let me know! ❤

    • @BKSE-mq7zg
      @BKSE-mq7zg 3 หลายเดือนก่อน +2

      @@codewithsadee social media platform . Data dashboard . Project management tool . E-commerce store . CMS thank you a lot sure sir ❤️

  • @musafir-z3j
    @musafir-z3j หลายเดือนก่อน

    Plz tell how to deploy this portfolio

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

      Deploying your portfolio is super easy! 🚀 You can use platforms like Vercel, Netlify, or GitHub Pages. Just push your code to a GitHub repo, connect it to one of these platforms, and deploy with a few clicks! Let me know if you’d like a detailed walkthrough. 😊

  • @naseemsaffy
    @naseemsaffy 3 หลายเดือนก่อน +1

    Anyone who made this??
    Kindly share the github repository link

  • @besspallysaikiran8647
    @besspallysaikiran8647 3 หลายเดือนก่อน +1

    bro @apply not working please help me

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

      same problem

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

      Hey! did you install tailwind?

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

      @@codewithsadee bro i resolved the error thanks great project thanks can you please make an video chat application

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

      @@besspallysaikiran8647 How did you fix it? Thanks.

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

    Can I use your source codes to make my website please I will change all the elements and photos

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

      Absolutely! Just make it awesome and have fun with it! Can't wait to see what you come up with!

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

    thx man, plz create a blog / news website using reactJs and nodeJS/Express/MongoDb

    • @codewithsadee
      @codewithsadee  3 หลายเดือนก่อน +1

      Glad you found it helpful! Great suggestion-I'll add it to my list. 🥰

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

      @@codewithsadee thx

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

    how to install license

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

      You can easily create and add a license to your project using an extension called "Choose a License". It helps you select and install the right license for your project directly in your code editor. Give it a try! 😊

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

    Sorry for late comment actually I don't get notification 🔔 .

  • @JavokhirBakhodirov-e3e
    @JavokhirBakhodirov-e3e 3 หลายเดือนก่อน

    MAN!!!!

  • @JothamAdeyele
    @JothamAdeyele 15 วันที่ผ่านมา

    Pls talk in ur project

  • @OlatechTV
    @OlatechTV 16 วันที่ผ่านมา

    source code boss

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

    This music is not a good fit. Where is your voice ? would be much better. Besides that great project :)

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

    Figma file pls

  • @Shubhamyadav-hs2lw
    @Shubhamyadav-hs2lw 3 หลายเดือนก่อน

    Hello Friend How Are you?

  • @RahatAli-rx1rk
    @RahatAli-rx1rk 3 หลายเดือนก่อน

    Make blog website use react tailwend mongo dB

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

      Thanks for the suggestion! 😊

  • @motivatedmomin
    @motivatedmomin 3 หลายเดือนก่อน +1

    Pleaseeee speakkkkkkkk 🗣️ 😢

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

    Hi bro. Can your channel make money from TH-cam?

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

    tailwind => evil 🤢