Front End Portfolio Website Tutorial - Next.js, Three.js, Tailwind CSS

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

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

  • @CodeBucks
    @CodeBucks หลายเดือนก่อน +75

    Thank you so much, FreeCodeCamp, for featuring my tutorial! 🙏
    I'm incredibly grateful for this opportunity and excited to share this project with your amazing community. 🎉
    To all the viewers, I hope you find this tutorial both insightful and inspiring. Can't wait to see what you all create! 💻
    ✨ Let's build something awesome together! 🙌

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

      Great project. Keep it on 🔥

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

      How did you get it running in Chrome at exactly 11:35 ? I am going live with it but getting the listing directory / instead

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

      I'm inspired by you.. i aim to work and reach to your level and hopefully land a job!

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

    I’ve fallen asleep and woken up 3 hours into videos like this so many times that I actually subconsciously know how this coding shit works now. Give me a few more months and I’ll be working at Palantir. Thanks g

  • @_NVTURE_
    @_NVTURE_ หลายเดือนก่อน +25

    This amount of value for free is Unreal

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

    Great tutorial! It’s been incredibly helpful, and I appreciate the effort you put into it. Thanks a ton! I have a few suggestions that might make the site even more user-friendly, especially for beginners:
    - In homepage, you could consider separating the standard menu from social links. The project and resume icons can be a bit unclear when used alone. The circular menu might look like a decorative element to some users. A visual indicator or prompt could help clarify that it's an interactive menu and encourage users to click on it. Adding a clear CTA button could guide users on where to go next or what action to take, improving the overall flow.
    - In about page, after the name and short bio, adding an animated down arrow could help signal to users that there’s more content below, encouraging them to scroll down.
    - In portfolio page, it might be helpful to add some indication that portfolio items are clickable and contain more detailed information. You could also consider presenting the projects as cards rather than a list. This would give the section a more modern, visual look. Including images or extra info would make it more engaging.
    These are just my thoughts, and I could be wrong since I’m not as experienced as you. Please don’t take offense if any of my suggestions are off the mark! Your tutorial is already fantastic, and I’ve subscribed to your channel as well. Thanks again!

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

    I have been working with a custom 3D model. If the background image is affecting 3D model’s visibility, try adjusting the z-index or the opacity of the background. I found that removing the z-index property of the Canvas in the RenderModel and adding `style = {{ zIndex: -1 }} to Image component in the page.js solves this issue pretty nicely.

  • @matt_milack
    @matt_milack หลายเดือนก่อน +24

    A video on sysadmin portfolio projects that could actually help me land a sysadmin job would be life-changing for me.

    • @dhruv-194
      @dhruv-194 หลายเดือนก่อน +1

      You can customise this to a sysadmin theme. With servers, routers, switches etc as clickable objects and an admin room as the background.

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

      @@dhruv-194 Thanks!

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

    Thank you. Not all heroes wear capes.

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

    just letting the page open in the background for the moody song. great work!

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

    codebucks is very best in creating frontend projects

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

    funny thing I started coding my portfolio like 30 minutes ago and got stuck,,this will help so much😊 thanks

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

    Free Code Camp are saving life

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

    I personally appreciate the content it is very helpful!!

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

    Codebucks should changes the name to AngelOfCodes

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

    Might have to try this out, looks sick

  • @AlexanderBelov-y8o
    @AlexanderBelov-y8o หลายเดือนก่อน +2

    Best video on this channel!

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

    congrats for 10M subs

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

    Great stuff🎉

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

    Looks magical

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

    damnnn that's next level yeah! tight tight tight

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

    Wow. Very creative.

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

    Will definitely try this❤

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

    Thank you so much

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

    Thanks So much

  • @samueljamiemartine
    @samueljamiemartine หลายเดือนก่อน +25

    Oh my god I am the first person to comment

  • @TamNguyen-fd7ov
    @TamNguyen-fd7ov หลายเดือนก่อน +2

    Thanks!

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

    A new project 🎉

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

    Bro how to build an AI website or app , for editing or creating the AI images and avatar from prompt and also make a photo into vidieo by giving prompt to and the photo doesn't dissturbe.
    Please make a video on this bro how to code it , 😊

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

    Looks good, though why nextjs, complex animations with framer motion are not good friends with ssr. Base project via Vite with react router dom would be enough I think.

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

    Locked in 👍

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

    It's a bummer that playground doesn't offer the canvas feature anymore.

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

    is this for beginners?

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

    Is this beginner friendly??

  • @paulinkladi1689
    @paulinkladi1689 14 วันที่ผ่านมา

    Which tool did you use to generate the sound please ?

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

    Thanks

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

    노르웨이 드릴까요

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

    Is having a CS degree even worth it in 2024? I hear it from developers that it has now become like worth nothing. Help me out devs!

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

    How did you get it running in Chrome at exactly 11:35 ? I am going live with it but getting the listing directory / instead.

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

    I've fallen into cors issue after i used the environment presets its telling
    Error: Could not load kiara_1_dawn_1k.hdr: Failed to fetch!!

  • @lil-pNG
    @lil-pNG หลายเดือนก่อน

    Nice but hot to host it?? Ok cpanel

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

    ❤❤❤

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

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

    Nextjs, nextjs, nextjs…god I’m so sick of everyone doing nextjs tutorials. There are other frameworks out there 🙃

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

      Because Next.js is the best out of all.

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

      So create your own video with the other frameworks then 🙌🏿

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

    👍🏻

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

    Nice to be first

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

    Am i first or what 🤓

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

    second person here ..

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

    6th

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

    ❤❤❤