Build and Deploy Responsive React portfolio website: React | Framer Motion| Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии •

  • @pjguitar15
    @pjguitar15 7 месяцев назад +17

    Thank you for the background snippets! I didn't know this exists and I think it's very useful for me!

    • @compiletab
      @compiletab  7 месяцев назад +1

      Glad it was helpful!

  • @abhaysharma8845
    @abhaysharma8845 5 месяцев назад +12

    it took me so long to find a simplistic portfolio tutorial. Thanks for the video

  • @AkshayRana-v1f
    @AkshayRana-v1f 27 дней назад

    bro i am so happy i did my first project in react after 5 failures its so easy here and now i just have to impement functionalities of my own thanx

  • @LuckyKurnia-c9u
    @LuckyKurnia-c9u 3 месяца назад +1

    this is my first time to learn react after doing a lot of thing using laravel, this tutorial is amazing
    it's simple and easy to understand

  • @charindubandaranayake7888
    @charindubandaranayake7888 3 месяца назад +1

    This is my second project of yours thanks Mate cheers

  • @CerenYaman-cc9pw
    @CerenYaman-cc9pw 16 дней назад

    This video was very helpful and easy to follow. Thank you very much.

  • @rohandude123
    @rohandude123 3 месяца назад

    Wow. You explained everything so well. I made the Project watching your Video. And, Thank you, it's really so Amazing and Great..!!

  • @cypher_innovations
    @cypher_innovations Месяц назад

    My best tutorial so far!!! keep up

  • @jaegercrown964
    @jaegercrown964 3 месяца назад

    This is really a good and simple to follow tutorial

  • @040biteshahidfarooq3
    @040biteshahidfarooq3 5 месяцев назад +1

    Great tutorial. Each and every part was very crystal clear.❤

  • @Ad-kn1rs
    @Ad-kn1rs 3 месяца назад

    Thank you for your porfolio project and framer motion really amazing one to get work on it.

  • @aayushgautam4324
    @aayushgautam4324 3 месяца назад

    Amazing work done. It was a great learning experience from the @compiletab team. ❤

  • @pixel_designs
    @pixel_designs 4 месяца назад +1

    Very straight to the point. Thanks for this

  • @unaisulhadi6445
    @unaisulhadi6445 5 месяцев назад

    Watched till the last, Excellent tutorial. Keep going.

  • @sagarrajak3602
    @sagarrajak3602 6 месяцев назад +3

    Bro it was really nice work ...keep it up🙌

    • @AsHiShChAuHaN-yd7dn
      @AsHiShChAuHaN-yd7dn 5 месяцев назад

      hi, can you please tell me is this video sufficient to replicate the same portfolio which is in the demo please give geniune answer

  • @Sanju-gm5td
    @Sanju-gm5td 2 месяца назад

    you are an absolute gem, thanks a lot!!

  • @shivanshgoyal310
    @shivanshgoyal310 11 дней назад

    Superb Project. Many many thanks!!!! 😍😍🎉🎉

  • @mrfrankieg
    @mrfrankieg 2 месяца назад

    What extension are you using to show the color squares on the code?
    Great tutorial so far!

  • @nazimulislammethon2938
    @nazimulislammethon2938 2 месяца назад

    Thank you so much, your presentation really great. but some class name can you more define, so that first time tailwind learner will understand it properly. And can you please tell us which type of extension you used, it's more helpful .
    one last demand make an e-commerce, restaurant , course selling , agencys website . please please provide

  • @manojpaithane5704
    @manojpaithane5704 5 месяцев назад

    i appreciate your work bro , just try to explain the things easily , your tutorial should be beginer friendly. thank you

  • @ash.profwork
    @ash.profwork 4 месяца назад +4

    shows error 404 after deploying on vercel. what should i do ? I maintained the file structure throughout the video

  • @JigDev777
    @JigDev777 Месяц назад

    Great tutorial but do you feel like its too much animation? It seemed nice for the Hero section and About...but everything else seems little extra. Where do you draw line between engaging vs professional ?

  • @IsaacDevSpace
    @IsaacDevSpace 7 месяцев назад

    Great job! 💯💯💯

    • @compiletab
      @compiletab  7 месяцев назад +1

      Thank you! Cheers!

  • @jaiashutosh2181
    @jaiashutosh2181 2 месяца назад +2

    Why it says 404 not found when I uploaded a node js project i simply uploaded the whole folder to github repository then imported that in vercel. Though it deployed by not working?

  • @muntder1435
    @muntder1435 2 месяца назад

    that was great, thank you!

  • @AsifWest-wp5ke
    @AsifWest-wp5ke 6 месяцев назад

    mast samjhaya, Thanks

  • @AyushSrivastava-t7b
    @AyushSrivastava-t7b 4 месяца назад +2

    having deploymenet issue
    saying delete the node modules

  • @argigentarna
    @argigentarna 2 месяца назад

    What vs code theme used?

  • @Deep082k
    @Deep082k 29 дней назад

    Upload one video about your VS theme extension settings

  • @ChicoWebDev
    @ChicoWebDev 5 месяцев назад

    I need that intro music 😂

  • @rajsriselvansrp4831
    @rajsriselvansrp4831 3 месяца назад

    Great Job!, Thank You

  • @raushansaluja
    @raushansaluja 5 дней назад

    the technologies icon up and down animation doesn't work anymore, the transition cannot be nested into the animate property.

  • @its6i77.7
    @its6i77.7 4 месяца назад +1

    the logo is not shrinking with me
    do you know what is the problem
    minute 9:20 - 9:50

  • @ymm9493
    @ymm9493 Месяц назад

    thanks sir

  • @gopinath27685
    @gopinath27685 3 месяца назад

    Hi Great Video! But Im stuck with below part: flex items-center or any other className attributes are not autopopulating, hence the background image is not getting applied. Please let me know if any extension is to be installed specifically for this or any changes required in seetings.JSON file? Thanks!

  • @apurvanaruka
    @apurvanaruka 3 месяца назад

    Good project

  • @aditya.g7517
    @aditya.g7517 7 месяцев назад +4

    sir you didn't add links to the social media logos

    • @santhoshk5118
      @santhoshk5118 5 месяцев назад +1

      you can use anchor tag to link your social media

  • @theremoteworkguy
    @theremoteworkguy 29 дней назад

    How to make the social media icons interactive on navbar

  • @MuzamilKhaan-24
    @MuzamilKhaan-24 7 месяцев назад

    Bro plz make a full fledge Ecommerce web app and teach in detail about every concept of ecom web

  • @Shaheendeveloper
    @Shaheendeveloper 4 месяца назад +1

    where is the started code?

  • @AmanKumarSinhaOfficial
    @AmanKumarSinhaOfficial 5 месяцев назад +2

    Please provide figma design

  • @rishii0702
    @rishii0702 7 месяцев назад +1

    How did you created that logo?

  • @ShariarRafi-sp9nd
    @ShariarRafi-sp9nd 6 месяцев назад

    Thanks For Tutorial Bro.

  • @jayesh3446
    @jayesh3446 5 месяцев назад

    hey Kevin , we are desperately waiting for your projects tutorial .

  • @mayursoni1105
    @mayursoni1105 Месяц назад

    What vs code formatter do you use?

  • @ShivamTripathi-s9f
    @ShivamTripathi-s9f 4 месяца назад

    Hello, this is really an awesome video but I need some help because when I go to mobile view, the experience section is getting cut from left side, everything else is working fine. Please Help!

  • @vishalsinghpanwar2972
    @vishalsinghpanwar2972 6 месяцев назад

    from which website did you get the Kr logo?

  • @mern_stack662
    @mern_stack662 7 месяцев назад

    wow nice

  • @AshishVaishnav-tb8ts
    @AshishVaishnav-tb8ts 5 месяцев назад +16

    You are not showing properly, I'm going as it is you had done, yet there are showing many errors.

    • @apurvanaruka
      @apurvanaruka 3 месяца назад

      There is no error

    • @sujatayewale5776
      @sujatayewale5776 3 месяца назад

      I completed this project

    • @fardankchowdhury2225
      @fardankchowdhury2225 2 месяца назад

      @@sujatayewale5776 it ran ??

    • @teja4856
      @teja4856 Месяц назад

      @@sujatayewale5776 Can you share me your source code link? I can't afford to buy his source code. Thanks in advance.

  • @artistdimension
    @artistdimension 2 месяца назад

    Attempted import error: 'LinearSRGBColorSpace' is not exported from 'three' (imported as 'LinearSRGBColorSpace'). this errorr in compiling terminal

  • @isaacopeyemirobert7868
    @isaacopeyemirobert7868 7 месяцев назад

    can we get a the figma design?

  • @onepiecenation6
    @onepiecenation6 7 месяцев назад

    nice

  • @mrfrankieg
    @mrfrankieg 2 месяца назад +1

    Getting a white space in the mobile version when scrolling, how can I fix this?

    • @abdullahafaq6862
      @abdullahafaq6862 2 месяца назад

      same with me did you find any solution?

    • @mrfrankieg
      @mrfrankieg 2 месяца назад

      @@abdullahafaq6862 I've tried a few things, but nothing seems to work. Will continue to look for other solutions...

    • @abdullahafaq6862
      @abdullahafaq6862 2 месяца назад

      Hey I just found the issue, its framer motion because initially the elements are either left or right of the screen which makes them the the extra space but when we hover on them they come to middle and the space disappears

    • @mrfrankieg
      @mrfrankieg 2 месяца назад

      @@abdullahafaq6862 Ah ok, did you apply any solution? or decided to remove framer motion?

    • @leozarni9570
      @leozarni9570 Месяц назад

      @@abdullahafaq6862 have you found a way to fix this issue?

  • @dark_pitch
    @dark_pitch 6 месяцев назад +1

    Awsm

    • @AsHiShChAuHaN-yd7dn
      @AsHiShChAuHaN-yd7dn 5 месяцев назад

      hi, can you please tell me is this video sufficient to replicate the same portfolio which is in the demo please give geniune answer

    • @dark_pitch
      @dark_pitch 2 месяца назад

      @@AsHiShChAuHaN-yd7dn yes i have completed the project

  • @anon78747
    @anon78747 6 месяцев назад

    No links for the socials?

  • @notfahadh
    @notfahadh 6 месяцев назад

    What extension do you use to get get the code completed by using short forms of code

  • @dark_pitch
    @dark_pitch 6 месяцев назад

    request to make a full stack using express and nodejs

  • @abdullahafaq6862
    @abdullahafaq6862 2 месяца назад

    There is an issue with the way you are using framer motion, the design in no responsive when using it because the elements are -100px on the right either you have skipped that or maybe its not working for us. Please Reply

  • @abidshazid
    @abidshazid 4 месяца назад

    love it and thanks

    • @compiletab
      @compiletab  3 месяца назад

      I'm glad you like it

  • @ВадимБоровик-ф9ж
    @ВадимБоровик-ф9ж 2 месяца назад

    cool!!!

  • @arkapravobiswas5744
    @arkapravobiswas5744 2 месяца назад

    why after scrolling the background is became white ?

  • @SimarjeetSingh-us4kf
    @SimarjeetSingh-us4kf 2 месяца назад

    I run the code the page always open "hello world"

  • @saqiwrtes9230
    @saqiwrtes9230 5 месяцев назад

    its unable to upload on vercel

  • @definitelynotje
    @definitelynotje 4 месяца назад

    thanks cuh

  • @ariyanunknown
    @ariyanunknown 7 месяцев назад

    greate works

  • @riteshbhadana
    @riteshbhadana 4 месяца назад

    Can anyone tell me what the problem is with this
    can someone please tell me how this can be fixed? I am not able to understand anything.
    This project in CSS js react
    Pl any help me

  • @HastenWennie
    @HastenWennie 6 месяцев назад

    Does anyone know how to make social media button able to link to personal github, linkedin etc?

    • @aymenhar2818
      @aymenhar2818 6 месяцев назад

      (put your icon here) and that's it

  • @HimanshuVermayohoho
    @HimanshuVermayohoho Месяц назад

    done :-)

  • @Thomas_jeba
    @Thomas_jeba 7 месяцев назад

    Make more videos Saas

  • @abhishekcode
    @abhishekcode 7 месяцев назад

    ❤❤

  • @doomnotron
    @doomnotron 5 месяцев назад +1

    My navbar is below the hero. WHat I do wrong?

  • @arkapravobiswas5744
    @arkapravobiswas5744 2 месяца назад

    im facing deployment error

  • @Mihir_Jain
    @Mihir_Jain 4 месяца назад

    what is the name of vs code theme

    • @compiletab
      @compiletab  3 месяца назад

      The theme is "Ayu Dark".

  • @Yusran_Uca
    @Yusran_Uca Месяц назад

    Responsive mobile?

  • @rohana.d5274
    @rohana.d5274 Месяц назад

    15:06

  • @akshattyagi982
    @akshattyagi982 3 месяца назад +1

    NO FUNCTIONALITIES FOR THE BUTTONS ????????? linkedin github and all

    • @compiletab
      @compiletab  3 месяца назад +1

      Hey there! You can wrap anchor tag around the icons, something like this:
      Hope this helps.

  • @heisnahom
    @heisnahom 2 месяца назад

    My Localhost page is blank after running "npm run dev" and clicking on the link.

  • @LIVEENTERTAINMENT7
    @LIVEENTERTAINMENT7 2 месяца назад

    please provide free code

  • @kiaraki7186
    @kiaraki7186 22 дня назад

    bro ur sense of direction is inverted no wonder u are successfull and im not