Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ม.ค. 2025

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

  • @alexeydimov4423
    @alexeydimov4423 7 หลายเดือนก่อน +315

    Thanks for a great tutorial!
    For those, who stuck with bento grid not working properly, in BentoGrid component string part of return className should be:
    "grid grid-cols-1 md:grid-cols-6 lg:grid-cols-5 md:grid-row-7 gap-4 lg:gap-8 mx-auto"
    Replace default Aceternity style with this, and it should work like a charm

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

      GOOD JOB BRO

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

      thnk youu bro

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

      I'm stuck with TypeError: flattenColorPalette is not a function
      in the tailwind.config.ts
      have any idea?

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

      @@samski17 not completely sure what could be the reason, but you probably should check that you've done everything correct starting from 21:42. If everything is copied-pasted and edited correct, might be some trouble during installation of Tailwind lib

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

      Excellent, yes this matches his github repository.

  • @sarmad6166
    @sarmad6166 8 หลายเดือนก่อน +106

    This is the type of content for which I pay my internet bills for!!

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

    The fix for the hydration error message involving and is actually pretty straightforward. The error is coming from the fact that there is an nested inside of a in the 3d-pin.tsx file (just search for "" in that file to find it). You should never have a link nested inside another link. So to resolve it, just change the to a instead. The linking functionality is passed down from so that inner isn't necessary. Hope this helps!

  • @wasiqonly
    @wasiqonly 7 หลายเดือนก่อน +26

    Thank you very much. Took me 4 - 5 days to complete this project but finally done. Amazing learning experience! Many thanks :)

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

      Woe dude nice job! Could you tell me what are the prerequisites that I should know before starting to make this? I know js html & css. Ofc I'm learning React but it's gonna take time

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

      ​@@jadencoober6484html css javascript, typescript a bit similar to jsband a bit react and it's component and you are ready to go buddy but even though you don't know these still I would suggest you to go through from it you will get to know many things that you are not going to learn from boring lectures 🩵

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

    This tutorial is pure gold! The way you integrated Next.js with Framer Motion is super smooth. It really takes the portfolio game to the next level! 🚀 The section at [12:45] where you explain the animations in detail was a game-changer for me! Totally inspired to revamp my own portfolio now. Thanks for the clear and easy-to-follow guide!

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

    Awesome tutorial!
    If someone is stuck with the ReactCurrentOwner error when making the globe, try downgrading Next.js to version 14. It might fix the issue(you will have to change the next.config.ts file as well!).

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

      I did this and for some reason all the layout is messed up after using the same version of next as in the demo and copying the next.config.mjs file.

    • @bedo7103
      @bedo7103 10 วันที่ผ่านมา

      @@revoktorment440 have u find any solution

  • @vaibhavsingh_08
    @vaibhavsingh_08 8 หลายเดือนก่อน +108

    Can’t believe how much value you provide for free! Amazing 🔥🔥

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

    It's really nice that you included an example of how you configure Tailwind. Keep up the great work! I'm always following your updates.

  • @peterxavier1
    @peterxavier1 8 หลายเดือนก่อน +9

    You're awesome mehn 🔥🔥 I was planning on redesigning my portfolio this week. Great timing.
    I have been following your channel for years now and you never disappoint.

  • @Sassy-Meow
    @Sassy-Meow 4 หลายเดือนก่อน

    That was amazing Adrian, this is the first portfolio I have ever made, and I am pretty confident in that.
    And of course I plan to make good changes in it soon.
    Thank you again and have a blessed life.

  • @OPGAMER.
    @OPGAMER. 8 หลายเดือนก่อน +17

    Those animations are just WOW. This will be a great project to build.

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

      Definitely! 😊

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

      I'm somewhat between an beginner and intermediate react developer and I don't know NextJs, is it worth watching this tutorial for me?

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

      @@themountains1701 yes

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

    This CV tutorial is way over the top for a real portfolio website... none the less great tutorial to learn from

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

    I'm liking your new videos automatically because I already know that it's gonna be fire!

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

    Man... from Chile, my thanks. Your content is of the highest quality. I will save up to buy your course as soon as I can. Best regards!

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

    Hello, I'm from Brazil, I really learned a lot from this video, I hope you can always create these videos that are better than many courses I've already taken here..... thank you and may God bless and gave everything for you and yours team keep up the wonderful work 👏👏👏😁

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

    Thank you for your great tutorial! Yesterday, I graduated from a Web Development Bootcamp. During the bootcamp, I sought inspiration and examples by following your channel. Amazing! Your explanations and material are understandable for a beginner like me! I am very grateful to have followed this channel. Right now i already have my own Website Portofolio by watching this video and edit some part. God bless you, good person!

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

    For those who meet "hydration error" in RecentProjects component, try using dynamic import instead:
    replace
    import { PinContainer } from "./ui/Pin";
    with
    import dynamic from "next/dynamic";
    const PinContainer = dynamic(
    () => import("./ui/Pin").then((mod) => mod.PinContainer),
    { ssr: false }
    );

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

      Thanks bro ! very helpful

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

      Thanks

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

      thanks man! but can you tell me what was the issue and what was the fix? so that we can also understand for future reference.

    • @jimbob23.
      @jimbob23. 4 หลายเดือนก่อน +2

      Another option is inside /3d-pin, change the to a div, then just add the somewhere inside the in /RecentProjects. Seems to just be an HTML nesting issue with the pin component from Aceternity

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

      My thmesProvider is not dooing my whole theme black, the texts are in black and bg for hero section is white, How to resolve ?

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

    The hydration error you're getting starts at 1:29:10 just pause the video and change the to make sure you import it, its necessary because you're working with nextjs. And also in this change the property of href={href} to href={"href"} make it a string so you don't start getting an undefined error

    • @zarghamaijaz5933
      @zarghamaijaz5933 23 วันที่ผ่านมา

      Thanks.
      I also want to add to this because I kept getting hydration multiple times during this course.
      One of the most annoying reason was the Grammarly extension. So If anyone gets a hydration error, the very first thing I suggest to do is to run your app in a private/incognito mode and see if the error goes away. If it goes away then it means some extension is causing it.

  • @olanrewajuiremide6303
    @olanrewajuiremide6303 8 หลายเดือนก่อน +7

    We still haven't gotten over the banking app and here you dropped another banger. 🙌🙌🙌

  • @ArifaNadia-n2l
    @ArifaNadia-n2l 4 หลายเดือนก่อน

    Thank you, Adrian! Every project you share is of such high quality, and it's even more impressive how easy they are to understand thanks to your clear explanations and excellent accent.

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

    Those animations are amazing, now want to go deeper with the Framer Motion. Thanks for the inspiration!

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

    Getting this error:- TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner') when rendering model using react-three libraries

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

      Try to downgrade your next.js to version 14

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

      Skip the error. I was also getting some errors. I was also doin. npm has new version which have some errors. It will be fixed soon.

  • @林幼稚-r9v
    @林幼稚-r9v 8 หลายเดือนก่อน +4

    OMG! So comprehensive ! Great work !

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

    thank you JSM, great working. i have finished this project in 2 days with joy and tears because of some errors. but so far, i have completed it. can't wait for the next projects.

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

      did you made the whole project is next15 or 14 ?

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

      @dev31218 at the beginning i used next 15 and then i downgrade it to next 14

    • @yogeshki9048
      @yogeshki9048 24 วันที่ผ่านมา

      Bruh I tried of deploying but it sucks😔 I even used the same code... In his repo..but document based error it shows... SSR has been problematic...how to get rid of this

    • @bestclips3481
      @bestclips3481 17 วันที่ผ่านมา

      @@yogeshki9048 hello, i aslo have the same error, have you been able to fix it?

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

      Brother at 53:10 when he is adding dynamic classname mine is not working as his how to make it work.

  • @X-Saikat-93
    @X-Saikat-93 7 หลายเดือนก่อน +1

    As everything from aceternity ... Kudos to Manu paaji 👏🏻👏🏻

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

    Thank you for consistency Adrian❤❤❤❤❤❤❤❤❤❤❤❤

  • @Jo-vs2ey
    @Jo-vs2ey 8 หลายเดือนก่อน +2

    always love your videos man! Keep up the good work!

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

    I spend 5 day on this tutorial but finally got my top-notch portfolio! :)

    • @sachinkumar-yz6ul
      @sachinkumar-yz6ul 5 หลายเดือนก่อน

      Hi, could you please provide the code for this project? I'm encountering several errors while working on it.

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

      @@sachinkumar-yz6ul bro have all of you issues have been fixed?

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

      are all resources being used free?

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

    Always a pleasure to see your videos ! Thanks

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

    The best! thank you for always giving high quality contents.

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

    Supercool, Thankyou for using Aceternity UI and explaining it so well. :)

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

      Well, thank you for MAKING IT! :D

  • @MuhammadSohaib-b9w
    @MuhammadSohaib-b9w 8 หลายเดือนก่อน +2

    bro can turn any demand into reality ❤

  • @dev-akeel
    @dev-akeel 8 หลายเดือนก่อน +20

    1:30 it should be Deployment and Launch 😊

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

      Amazing!! ❤️

    • @dev-akeel
      @dev-akeel 8 หลายเดือนก่อน

      ​@@javascriptmastery For 1 or 2?😊

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

    Awesome tutorial Adrian! This is the second react portfolio tutorial I'm watching on JSM, I watched the one from 3 years ago now this and I like this one better, though I wished the portfolio had a blog section for marketing and all. I think organic traffic would be a boost for freelance developers.

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

    you'r a legend ! Thanks for sharing such high quality tutorials

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

    Adrian you're the best teacher that's still provides free content unlike other youtubers who are fake with the so called "free" but only provide paid reference code and no Github repo, they just want to sell every piece of code they teach and they don't offer any other options or solution for any bugs of their projects. I'm sick and tired of them. I'll just stick with you in the future

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

      Thank you so much! That's the goal!

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

    Thanks JS just finished the project and made some changes looks great, as always keep it up

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

    Anyone facing the issue in the bento grid where in card's image and content take half half space and is not being rendered like adrian's @1:14:00? same issue with the card of tech stack, my title is being displayed over the mini cards

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

      go to BackgroundGradientAnimation at first div after return, change from relative to absolute

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

      @@phirawittungjaroenvorrakhu936 thank you so much bro . i was so frustated at this lol.

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

    literally doing gods work out here.

  • @Mahammad-Zubair
    @Mahammad-Zubair 6 หลายเดือนก่อน

    sir, always amazed by the kind of ui ux designs you bring life to. they are just amazing.

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

    The man, The myth, The legend is back with new content. 🎉

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

    for the issue in the footer, we can use the className "overflow-clip" it also words and solve it. You don't need to remove the whole div as it was looking great

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

    Hi Adrian, thank you for the amazing portfolio tutorial! Your content is always top-notch and incredibly helpful. Could you please consider creating a tutorial on building a social media app using Expo and Appwrite? I think it would be a fantastic project for the community. Thanks again for all your hard work!

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

    48:20 why does my Bento Grid layout look very different from yours after i added the className prop?

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

      Have you found the problem?

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

      @@badrollac9851 yes

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

      Hi, I don't know if you solved the problem, but I found the solution, in the BentoGrid.tsx component you must place this className and replace the one shown in the video at that minute
      "grid grid-cols-1 md:grid-cols-6 lg:grid-cols-5 md:grid-row-7 gap-4 lg:gap-8 mx-auto"

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

      ​@@rodrigorivas712thanks brother. Don't know about that guy. But you helped me

    • @SureshJat-cd9zn
      @SureshJat-cd9zn 26 วันที่ผ่านมา

      @@rodrigorivas712 Thank You soo much bro I was searching for this one Thanks a lot

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

    Thank you so much for what you do for the community Adrian!

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

    22:35 : Ah so that is why the whole tutorial is only 3 hrs long. Without that pasting and component fiddling it would be 10 hours ;) So very much appreciated that you helped me get past this step which is the main reason I never completet a react, next or svelte project ...
    This calls for a meme: "BRO JUST GAVE US WORKING NEXTJS"

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

    I think this tutorial is over my head right now, I'm too much a beginner to follow and understand everything. I'll go back to the basics.
    Thanks

  • @dami-dojo
    @dami-dojo 8 หลายเดือนก่อน +1

    This is awesome! Well done bro

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

    Really your coding and design is op
    Nice job ❤❤❤

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

    I know pretty much 0 about coding was told the best thing to learn is to jump straight into a project which is why I'm following you, I'm noticing as I'm following you alot of errors happen and I don't even know if what I'm doing is right or wrong. Do you think I should not jump straight into projects?

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

    This is amazing, keep the good work up! 😁

  • @Dongamoham.18
    @Dongamoham.18 8 หลายเดือนก่อน +3

    You're my Inspiration 💥

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

    this is great and much appreciated work Sir👌👍

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

    Great video as always. Thanks so much for the hard work.

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

    There are honestly no words just thanks

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

    This is amazing Adrian 🎉

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

    Adrian you're such a hardworking person ✨

  • @DanielFabiani-dev
    @DanielFabiani-dev 2 หลายเดือนก่อน

    Bro, Thank you so much for the tutorial! I didn’t realize it was so easy to upload projects to Hostinger. Does this method work with any type of app in Next.js? If I make changes to my app, would I just need to upload the Build folder again? Thanks for all your videos!

  • @Dongamoham.18
    @Dongamoham.18 8 หลายเดือนก่อน +1

    You're Insane buddy 🔥
    Loved it ❤️‍🩹

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

    You are absolutely awesome. Thanks for sharing all the knowledge and I know this is not easy.

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

    Guys in the tutorial he tells you to make a ui folder, the spotlight animation, button, or text generation will not work unless you add "./ui/**/*.{ts,tsx}", to the tailwind.config.ts file in the content section

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

      i keep getting this error "warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.", I've tried a lot to figure it out but nothing seems to work. Can't even get the black background on the webpage

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

    This is great! It would be awesome if this had an admin panel feature as well which allows the user to edit content without touching the code (lets say only text and images for now)

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

      Cool idea, but might be a bit of an overkill for the portfolio.

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

    Loving the tutorial! Got a hydration which I could resolve with the suppressHydrationWarning attribute on the html tag within the root layout. But then I got a type error...Cannot read properties of undefined (reading 'ReactCurrentOwner'). Anyone else got the same? ** Got this resolved by down grading to Next.js 14

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

    Thanks for sharing this content with us! That helped me a lot.
    God bless you.

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

    From where do you get those ui designs .any specific website or you create your own from scratch in figma ???

  • @ねこ-p1b7o
    @ねこ-p1b7o 8 หลายเดือนก่อน +1

    The web ui designs, use of nice images and colors are what always sold your websites tutorials. How do you come up with such designs effortlessly everytime.

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

    You are the best. I wish I could sign up for the jsm masterclass and dive deep into the world of Javascript, React and Next.js. Love your content and dedication.

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

    Awesome as always ❤❤

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

    This is fire! where did you get your assets?

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

    I've always wanted to use ActernityUI in nextjs but was confused how to use. Thank you...!!!

  • @NicolaMeier-d2o
    @NicolaMeier-d2o 8 หลายเดือนก่อน +1

    Since when you are using Mac?
    Or are you still using Windows in some projects?

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

      Switched to Mac about a year ago :)

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

    Hello sir, I wanted to ask if there was supposed to be an HTML file included since i wasn't able to run it without a HTML file. I tried hosting it using Github Pages, but it didn't work, so is it only meant for it to be run by the localhost:3000 or not? Also based on the Github repo that you mentioned in the description of this video (which I'm quite grateful for), it also didn't mention any html page at all. Additionally, for context, I only used node v22.4.1, and npm 10.8.1. Again thanks for the great video and I am hoping to hear from you once more

  • @GabrielElbaz-fn4cy
    @GabrielElbaz-fn4cy 8 หลายเดือนก่อน +1

    Thank you Adrian for your amazing tutorials 👌🏻👌🏻👌🏻

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

    Hi, Thanks for the tutorial. May I ask what tool have you used to take screenshots of your websites for the portfolio section?

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

    A beginner's Heaven 🔥

  • @EdgarCardona-hq9px
    @EdgarCardona-hq9px 3 หลายเดือนก่อน

    where did u find or create those svgs ? THANKS A LOT, EXCELENT VIDEO

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

    Learning lot from you bro thank you

  • @9anzuu7
    @9anzuu7 8 หลายเดือนก่อน +1

    I remeber your nft game
    I think it's time for now one
    🎉🎉🎉🎉🎉🎉
    My best teacher ❤

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

    This is absolutely legendary! 💎I've learned so much from your tech content, and this tutorial is perfect for showcasing web development skills and as always quality of your teaching, animation, and video production Premium. Keep up the fantastic work! ❤

  • @AlexSmith-ms9xb
    @AlexSmith-ms9xb 8 หลายเดือนก่อน

    Please make a course where you explain how you make those Figma designs. They look awesome!

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

    Great work as always. Brings new features and integrating it seamlessly for the community to follow along and build exciting projects every time kudos to you adrian!!! 🎉

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

    which browser is this?
    great vid btw!

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

    The animations are amazing! 🤩🔥 Great work!

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

    Aaaaamaziiiing , I know I would do this Saturday night ! Thank's

  • @404-not-found-service
    @404-not-found-service 8 หลายเดือนก่อน +3

    Thank you very much, I learn a lot about design and how to implement these things for my websites, these types of shorter projects are appreciated but they teach a lot

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

    @javascripmastery Thanks so much for the video, I've learned a lot! :)) Can you tell me where did you get the icons from? For example all the tech icons and other ones that you have used in the experience section? Thanks:)

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

    Can you please make a video how to extract padding, spacing .Etc from Figma . It useful for every beginner developer.

  • @EmanuelRusu-sz2kb
    @EmanuelRusu-sz2kb 7 หลายเดือนก่อน +2

    amazing projects,i tried to implement the 3d pin cards in my portfolio but i realise it dosn't redirect me to a new webpage when clicked,i clone your repo as well and yours it behaves the same...any idea why??

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

      did you ever figure otu a solution ? i bee nat it for a minute. they'll navigate locaally but not once deployed

  • @AHMEDYASSER-up6yx
    @AHMEDYASSER-up6yx 8 หลายเดือนก่อน

    If I want to make a cheat sheet like you what kind of tools you are using and what kind of course you recommend ?

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

    Sleek🔥🔥 Thank you so much Adrain, been looking already to improving my portfolio, perfect timing.

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

    Thank you so much, i learned a lot from this Portfolio

  • @ShakibAlFurkan-sb5bd
    @ShakibAlFurkan-sb5bd 8 หลายเดือนก่อน +1

    Hey adrian is back with another level content 🤠🤠

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

    great job. ive been following and i got to the work experience section and i was curious where you get you svgs from

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

    what were the technologies we installed in the terminal

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

    Thanks for this fantastic project! I wanted to ask about the icons in the work experience section. Where can I find similar icons for download, though not exactly the same ones?

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

    Love it, Love it, Love it!!

  • @Ranjeetvishwakarma-72
    @Ranjeetvishwakarma-72 8 วันที่ผ่านมา

    This is totly Aceternity UI video , where we can learn how to apply these components in out project for obtaining the sleek design.

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

    Can't wait to go home to start working on this project, Thank you 🙏 for offering this for free

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

      Enjoy!

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

      You mean Adrian or his team worked on it and the rest of you just code along and copy what you see on screen lol

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

      ​@br3ak_ I actually try to add my own creative touches to it while i am coding along with the video, even add my own design. I try to do each component my own way before continuing to watch the solution provided by the vide.

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

    From the finished page, sometimes it is not possible to scroll back to the top of the page. When navigating from the navbar. Anyone else having the same problem?
    Step to reproduce:
    1. navigate to any section from the navbar
    2. refresh page
    3. scroll up (back to header)
    4. the header seems to be cut off, and the footer has a lot of space down
    I tested it on chrome browser
    how to solve that ?

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

      Hi did you figure this out I have been stuck on the same error

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

    Great Tutorial! But have anyone met Unhandled Runtime Error during execution? Thanx very much

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

      yess i have! got any fix or something bro?

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

      @@sridhar7251 I think I might have some typing error XD, just examine every component layers and whether they are closed at correct places, I think it will fix the problem~