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

[@CodeBucks]

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]

Great project. Keep it on 🔥

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

[@_NVTURE_]

This amount of value for free is Unreal

[@ariffinwahaha]

Thank you. Not all heroes wear capes.

[@dorklol2969]

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

[@CodeSnap01]

codebucks is very best in creating frontend projects

[@abwebmaster3]

Free Code Camp are saving life

[@matt_milack]

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

[@dhruv-194]

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]

@@dhruv-194 Thanks!

[@asraf418]

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!

[@Iconic_111_]

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

[@TamNguyen-fd7ov]

Thanks!

[@nakachwaestherleila2795]

I personally appreciate the content it is very helpful!!

[@banankacafamadwaye7107]

Might have to try this out, looks sick

[@AlexanderBelov-y8o]

Best video on this channel!

[@sumitkamble_]

Looks magical

[@MOSABABAKARTAGIO]

Thank you so much

[@ITseNano_YT]

damnnn that's next level yeah! tight tight tight

[@charithkulatunga1505]

Great stuff🎉

[@chisommichaeluniverse]

Wow. Very creative.

[@vaibhavdeshpande2577]

Will definitely try this❤

[@batrasifars]

congrats for 10M subs

[@divyanshurajpoot6216]

A new project 🎉

[@abrahamomomhenle8417]

Locked in 👍

[@ravalik2103]

Thanks

[@b__yag]

Codebucks should changes the name to AngelOfCodes

[@ffandcocgameplay9998]

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]

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.

[@soumadip_banerjee]

❤❤❤

[@GoldenSunKev]

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

[@gasorenshutimoise5279]

How did you get it running in Chrome at exactly <a href="#" class="seekto" data-time="695">11:35</a> ? I am going live with it but getting the listing directory / instead.

[@amykim5934]

노르웨이 드릴까요

[@Dontgo5]

is this for beginners?

[@samueljamiemartine]

Oh my god I am the first person to comment

[@Rag3Gaming-n4o]

No i am

[@98samarthyadav95]

Is this beginner friendly??

[@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!!

[@rishiraj2548]

👍🏻

[@hdahh1220]

❤

[@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!

[@lil-pNG]

Nice but hot to host it?? Ok cpanel

[@yoursamrit2000]

Nice to be first

[@rohithvaidya1878]

Perfect question

[@carlosrodriguez4229]

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

[@matthewchukwu1306]

Because Next.js is the best out of all.

[@stanhopejite7869]

second person here ..

[@thedragonforce2210]

6th

[@QuantumHustler_03]

Am i first or what 🤓

[@StinerDevHub]

❤❤❤