Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 317

  • @ugyenofficial
    @ugyenofficial 6 місяців тому +62

    Firstly I was like He is not talking I wouldnt learn anything but later came back and watched and followed along. Bro, he taught me more than any other talking videos!

  • @lostinspace5430
    @lostinspace5430 6 місяців тому +19

    Thank you!
    I started with nothing and, after 15 hours of 'no idea what I'm doing, but I'll try my best to follow,' I now have VS Code set up with all the required extensions, learned some interesting shortcuts, and, most exciting of all, I have a site running on Vercel.

    • @cristianmihai01
      @cristianmihai01  6 місяців тому

      Congratz! Keep on coding :)

    • @sairao9287
      @sairao9287 4 місяці тому

      not working for me iam getting error in deploying canu help me

  • @dart_ariz604
    @dart_ariz604 7 місяців тому +21

    last i made the camera e-commerce project that was so wonderful and i got appreciation from my client.. All thanks to you. currently i was searching for a good portfolio website using NEXT and animations and your video popped up on the feed.. thanks a lot for your fabulous works and keeping it cost free

  • @socioparty
    @socioparty 3 місяці тому +11

    omg thank you so much, you helped me realise that all the talking tutorials distract me more so than teach me, your videos are just the kind I need!

  • @sonoftroy8572
    @sonoftroy8572 6 місяців тому +169

    My fellow frontend devs in this thread… don’t steal his work, get inspired then create your own work! If you don’t know how then figure it out… you’ll appreciate your own hard work.

  • @ariefzuhri
    @ariefzuhri 2 місяці тому +3

    I'm new to Next.js. Your tutorial is very helpful. Thanks.

  • @hmlsnt5134
    @hmlsnt5134 5 місяців тому +6

    Great video Cristain. I never used Nextjs before and wasn't expecting a video with no talking but I learned a lot about Nextjs and Tailwind thanks for that. Also great choice of music selection for this video, for me anyway it added more enjoyment to coding along for that I have to add myself to your growing subscribers lol.

  • @drujas
    @drujas 7 місяців тому +10

    As always, very good content. The icing on the cake would be to implement the functionality to submit the form and test it after deployment. 👍

  • @ThusharaWijekoon
    @ThusharaWijekoon 6 місяців тому +3

    This is amazing. Thank you so much. Wish you all the best to create more videos.

    • @cristianmihai01
      @cristianmihai01  6 місяців тому

      Thank you! All the best to you as well :)

  • @akhilandrewleo7511
    @akhilandrewleo7511 3 місяці тому +1

    Nice one, really loved the design of the website, and even the implementation of it was neat and smooth. really a good one.

  • @kampang0078
    @kampang0078 5 місяців тому +1

    amazing, another inspiration for my portofolio website! kudos

  • @User1851kki
    @User1851kki 4 місяці тому +1

    Thank you! Thanks to you, I was able to create a fantastic portfolio of my own.

  • @asifur-rahaman-meeru
    @asifur-rahaman-meeru Місяць тому +1

    I liked this. A unique approach. I sent you a coffee for the hard work. Not sure if I will need/use the source code. Cheers, mate.

  • @rheumaticharm9551
    @rheumaticharm9551 5 місяців тому +1

    I hardly ever watch tutorials without audio because they are hard to follow especially one as big as this. But lets hope it goes well. Going for this one especially for the amazing design so great job on that buddy.

  • @jorgematos6308
    @jorgematos6308 7 місяців тому +2

    Excellent work, I like it and, as always, highly recommended.

  • @DadaDuyilemi
    @DadaDuyilemi 7 місяців тому +4

    Beautiful project!

  • @Mikro4elix
    @Mikro4elix 5 місяців тому +4

    34:09... Something is wrong with Stairs or StairTransition... using h-full w-full bg-white relative on Stairs whites out the screen... Without animation

    • @MuhammadAzeem-od9sv
      @MuhammadAzeem-od9sv 16 днів тому

      Code of Stairs.jsx
      import { motion } from "framer-motion";
      // -- Variants
      const stairAnimation = {
      initial: {
      top: "0%",
      },
      animate: {
      top: "100%",
      },
      exit: {
      top: ["100%", "0%"],
      },
      };
      // calculate the reserve index for staggred delay
      function reserveIndex(index) {
      const totalSteps = 6; // number of steps
      return totalSteps - index - 1;
      }
      function Stairs() {
      return (

      {[...Array(6)].map((_, index) => {
      return (

      );
      })}

      );
      }
      export default Stairs;

  • @summerdesire1410
    @summerdesire1410 7 місяців тому +2

    It's a beautiful design. I love it. I'll write it together sometime.

  • @hyakimaru8614
    @hyakimaru8614 7 місяців тому +9

    I suggest Login/Register and Dashboard page. I love your Creative Design Style.

  • @wisdompeters4521
    @wisdompeters4521 7 місяців тому +3

    You've gotten a subscriber... Nice content

  • @pusho.developers
    @pusho.developers 7 місяців тому +2

    Muy bonito muchas gracias, genial porfolio saludos desde Cuba

  • @Salah-YT
    @Salah-YT 5 місяців тому +2

    Hey, thanks a bunch for this amazing portfolio! Wishing you a fantastic life filled with happiness always.🙂

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Hi! Thank you and the same to you! All the best 🙏

  • @Mikro4elix
    @Mikro4elix 6 місяців тому +1

    Wow, 3 hours of some good quality content! Keep it up... I'm so confused, actually: I'm studying software engineering in my university, but i still don't really find passion in it... I just don't know what to do and what to try in my life as a future (I don't know how to, you know, adress myself) member of society... Anyone got any ideas maybe? I'll be glad to hear anything ))

    • @cristianmihai01
      @cristianmihai01  6 місяців тому +1

      Hello and thank you! The only way to find what you like is to always try new things..unfortunately there is no other way! In addition to software development, you can also try UI/UX Design, Music or Video Editing, these are also creative fields! Good luck :)

    • @Mikro4elix
      @Mikro4elix 6 місяців тому +1

      @@cristianmihai01 Thanks! I appreciate you!

  • @DohyeonChoi
    @DohyeonChoi 6 місяців тому +3

    This is a really good video. I've been studying to be a developer for less than 3 months, so I'm still learning about code, so I'm not good at making a portfolio, so I just copied Christian Mihai's. I followed it from start to finish, thank you, I admire you. I made this on Instagram. Can I post it?

    • @cristianmihai01
      @cristianmihai01  6 місяців тому +1

      Congratz! You can post the photo with the result ofc :)

    • @DohyeonChoi
      @DohyeonChoi 6 місяців тому +1

      @@cristianmihai01 Thank you so much. I've only been an artist for 3 months, you're amazing. I'll try to be like you.I'll cheer you on.

  • @alvin151
    @alvin151 7 місяців тому +8

    Your code style is really concise, and the sound of the keyboard is great. Watching you code is very enjoyable. Which keyboard do you use?

    • @cristianmihai01
      @cristianmihai01  7 місяців тому +6

      Thank you! Actually it's a software which simulates any keyboard sound! You can search for Mechvibes :)

  • @siroj4295
    @siroj4295 6 місяців тому +1

    Wow, thank you Cristian Mihai

  • @abhishekcode
    @abhishekcode 3 місяці тому +1

    Great work❤

  • @muazzulkarnain6094
    @muazzulkarnain6094 4 місяці тому

    Gonna try to follow along. Wish me luck!

  • @pavithrasivakumar1188
    @pavithrasivakumar1188 4 місяці тому

    Wow this is really great! I expect part 2 of this Making the functionalities work! , Hire me part

  • @sergiowallace6023
    @sergiowallace6023 Місяць тому

    It's so good! Congrats!!!

  • @mrthiagocesar
    @mrthiagocesar 6 місяців тому +1

    Amazing job!👏👏👏

  • @moisespineda8520
    @moisespineda8520 4 місяці тому +1

    Very good video! Love it :)

  • @frankcasanova2132
    @frankcasanova2132 6 місяців тому +3

    Hey, what VS Code theme are you using? I love how it makes tags stand out from components.

  • @sedatonuc7704
    @sedatonuc7704 3 місяці тому +2

    Hello. I really like your work. I want to improve myself in this field. Can you give me some advice?
    Where should I start?
    What do you recommend I learn?

  • @Dzikrimr
    @Dzikrimr 7 місяців тому +2

    i really love your video

  • @ectoplasm1285
    @ectoplasm1285 6 місяців тому +2

    great stuff as always. if you could just comment it what and why you do it would be great.

  • @k-otick
    @k-otick 3 місяці тому +2

    What theme / fonts do you use for VSCode? Its so clean dude

    • @cristianmihai01
      @cristianmihai01  3 місяці тому +3

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

  • @garcinbibang164
    @garcinbibang164 2 місяці тому +1

    Magnifique 🎉🎉🎉

  • @cyberzap4931
    @cyberzap4931 4 місяці тому +1

    37:00 Marking my checkpoint

    • @cyberzap4931
      @cyberzap4931 4 місяці тому

      Checkpoint for day 2: 1:20:00

    • @cyberzap4931
      @cyberzap4931 4 місяці тому

      Checkpoint for day 3: 2:12:00

    • @cyberzap4931
      @cyberzap4931 4 місяці тому +1

      Checkpoint for day 4: 2:40:00

    • @cyberzap4931
      @cyberzap4931 4 місяці тому +1

      Checkpoint for day 5: 2:45:00

    • @cyberzap4931
      @cyberzap4931 4 місяці тому +1

      Checkpoint for day 6: FInished :)

  • @Moaaz-Gaming-7
    @Moaaz-Gaming-7 Місяць тому +2

    bro very good !!!

  • @pessimist9329
    @pessimist9329 4 місяці тому +1

    Hello, first of all, thank you very much for your efforts. I learned a lot about React from scratch. After making this portfolio, can I adapt it and open a portfolio website? Can I use it publicly? after providing my own information
    btw day 2: 1:32:56 checkpoint :)

    • @cristianmihai01
      @cristianmihai01  4 місяці тому

      Sure you can adapt it to your own needs :)

    • @cristianmihai01
      @cristianmihai01  4 місяці тому

      Congratz :)

    • @pessimist9329
      @pessimist9329 4 місяці тому +1

      @@cristianmihai01 Thank you so much brother, just as I was about to go to bed, I got a notification on my phone and saw your message. I was so happy. By the way, good night, I live in Turkey, it's 23:30 right now, so it's evening 😂

    • @pessimist9329
      @pessimist9329 4 місяці тому +1

      day2 checkpoint 2:12:36 (work page)

    • @pessimist9329
      @pessimist9329 4 місяці тому

      day3 checkpoint 2:40:01 (contact page)

  • @bachle4148
    @bachle4148 4 місяці тому

    at 27:26 why do we use div key=pathname ? if i not use the transition only work for first render then navigate other links will not work and i address this by using template top level with root layout.

  • @saurabhnair467
    @saurabhnair467 4 місяці тому +3

    How do you get the resume button on the home page working so that file is downloaded on click? Other than that great tutorial man.

    • @cristianmihai01
      @cristianmihai01  4 місяці тому

      Transform the button into an tag and add an href attribute with the path of your .pdf file from the public folder! You should also add a download attribute to specify the name that the file will be saved as. Hope it helped! Thank you :)

  • @editorbundle
    @editorbundle 5 місяців тому +1

    Superb bro ❤

  • @juanperezperez7477
    @juanperezperez7477 5 місяців тому +1

    Hi Cristian. Excellent tutorial, I'm learning a lot. I have a question though, is there a library for Adobe icon collection? In "My Skills" I would like to use some of the Adobe icons like Photoshop, InDesign, Illustrator but I can't find those on Font Awsome or SiTailwind icons. Thanks in advance.

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      Hi, thanks! You can search google for react icons website and you'll find almost any icon! :)

  • @edsHTML
    @edsHTML 5 місяців тому +2

    awesome 😎😎

  • @f1rh1n
    @f1rh1n 5 місяців тому +1

    12:34 when i am trying to add this in global.css . It's showing syntax error.

  • @mattkramer8426
    @mattkramer8426 2 місяці тому +1

    When I installed the components with the ShadCN-UI command prompts, it installed all of the compenents as tsx files. Im not the best at switching between tsx and jsx files. The portion of the mobile nav is giving me a few issues

    • @cristianmihai01
      @cristianmihai01  2 місяці тому +1

      Please use chat gpt to convert your .jsx components to .tsx. It should work well :)

    • @mattkramer8426
      @mattkramer8426 2 місяці тому

      @@cristianmihai01 I’m still pretty new. Like tbh I get just changing the type but there are some imports for tsx that then won’t work and somethings currently in there which are for jsx which are failing. Was following the video and never had any issues until the mobile nav portion. Right now they are tsx. In your vid they all installed as jsx

  • @ocky07
    @ocky07 6 місяців тому +1

    im new subcriber in your family

  • @Pawansingh-qu2js
    @Pawansingh-qu2js 6 місяців тому +2

    17:08 my tailwindcss isn't working

  • @CloudyDigital
    @CloudyDigital 4 місяці тому +1

    What extensions are you using on your VSCode? I love them...

    • @cristianmihai01
      @cristianmihai01  4 місяці тому +1

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

  • @SHUBHOJEET-zh6dp
    @SHUBHOJEET-zh6dp 6 місяців тому +2

    Amazing , bud !

  • @peachsprite
    @peachsprite 6 місяців тому +1

    Great video! Where did you get the svg icons from? Im trying to add different icons for the languages that I know but cant seem to make it work. Thanks

    • @cristianmihai01
      @cristianmihai01  6 місяців тому +2

      Svg Repo

    • @peachsprite
      @peachsprite 6 місяців тому

      @@cristianmihai01 Thank you bro, do you have this project on Github?

  • @vunguyen-tk3tq
    @vunguyen-tk3tq 4 місяці тому +1

    Thanks you so much!

  • @oluwanifemiorimoloye-ww6nf
    @oluwanifemiorimoloye-ww6nf 6 місяців тому +1

    I need your advice... Do you think it is advisable to use your design(but make changes like color, text, images and add features) and submit it for an interview?

  • @razor0beta500
    @razor0beta500 5 місяців тому +1

    Thank you very much for the content, Cristian! I would like to know how I can make this form work. Would it work even though it is hosted on vercel?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      You're welcome! You can utilize Formik for the form functionality. Additionally, you might want to check out email.js. The form should work with any hosting provider :)

  • @wolfie8748
    @wolfie8748 5 місяців тому +1

    how did you learn tailwind and in general html-css combo this good? I can also make navbars etc but when I use tailwind it confuses me

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      I built a lot of projects! :)

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Keep on coding and you'll get it! Best of luck :)

    • @wolfie8748
      @wolfie8748 5 місяців тому +1

      @@cristianmihai01 thank you lıove to watch

  • @prodbycvb
    @prodbycvb 5 місяців тому +1

    hey man very nice! can i ask, which extensions like the classname snippets are u currently using?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      Thank you!
      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

    • @prodbycvb
      @prodbycvb 5 місяців тому +1

      @@cristianmihai01 u the goat!

  • @SayfSentinel
    @SayfSentinel 7 місяців тому +2

    Nice one,
    On mobile, how do you close the Nav when you click on the link ?

  • @ArnabOG
    @ArnabOG 4 місяці тому +1

    Which VS-Code Theme are you using?

    • @cristianmihai01
      @cristianmihai01  4 місяці тому +1

      Material Theme

    • @ArnabOG
      @ArnabOG 4 місяці тому

      @@cristianmihai01 Thank you so much 💕💕

  • @mobeenkhan6285
    @mobeenkhan6285 5 місяців тому +1

    Hey, just wondering what extensions you're using for vscode?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +2

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

    • @mobeenkhan6285
      @mobeenkhan6285 5 місяців тому +1

      @@cristianmihai01 Cheers, I really appreciate it

  • @Alom083
    @Alom083 5 місяців тому +1

    The display wallpaper looks good to me. From where did you get this wallpaper download?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      You can search google for firewatch dark wallpaper :)

    • @Alom083
      @Alom083 5 місяців тому +1

      @@cristianmihai01 thank you so much

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      My pleasure :)

  • @HuzaifaAkhtar2
    @HuzaifaAkhtar2 3 місяці тому

    1:54:18 i cant get rounded corners can someone tell me
    i copied the same still nothing

  • @animaisfelizes1723
    @animaisfelizes1723 4 місяці тому

    in 14:30 , mine didn't get the same behavior adding that bg didn't show up for me

  • @EldridgeM
    @EldridgeM 6 місяців тому +1

    finished my freecodecamp certificate a week ago and following this video flawlessly. how do i get the VS code settings as yours, my colours and auto-complete doesn't work?

    • @cristianmihai01
      @cristianmihai01  6 місяців тому +2

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

  • @da1mon7
    @da1mon7 2 місяці тому

    Strong Man, Guys and do not tell as a novice developer, how to put this project in the light, maybe cheap servers you know or there is a trial version for free?

  • @AbishaiKashif-jz6ln
    @AbishaiKashif-jz6ln Місяць тому +1

    can you tell which version of Swipper are you using.
    Cause I downloaded the latest version and it's not working :(

  • @pessimist9329
    @pessimist9329 4 місяці тому

    Dude, I noticed something at first, why hire me is available in 1:46 minutes, but you don’t do it while you’re doing it, how can I add it?

  • @Ikmat
    @Ikmat 7 місяців тому +2

    nice work

  • @aadazq5257
    @aadazq5257 4 місяці тому +1

    What terminal theme do you use?

  • @millennialbug12
    @millennialbug12 Місяць тому

    First of all, great work Sir ! Thank you a lot ! I'm in my 3 days hooked into following along with the coding. btw, I'm having problem with the screen sizes on the web, it's having a vertical scroll when on 100% zoom, what must be the problem?

  • @Haghi98
    @Haghi98 5 місяців тому +1

    Ai folosit vreo librarie pentru animatia pozei de pe prima pagina sau ai facut-o de la 0 ? Ca incerc sa fac ceva similar si nu stiu de unde sa pornesc

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Daca te referi la cerc e facut si exportat din figma ca svg dupa care animat in framer motion ca in video! Poza e de asemenea putin editata tot in figma si exportata ca png!

    • @Haghi98
      @Haghi98 5 місяців тому +1

      @@cristianmihai01 mersi frumos, i'll look into it, foarte tare aplicatia oricum!

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Cu placere si multumesc si eu :)

  • @LearnMe-i5d
    @LearnMe-i5d Місяць тому +1

    I don't know what's the problem but on 100% zoom of my browser, The website takes full page and looks so bad. If anybody can help!

  • @prathambhosale3765
    @prathambhosale3765 5 місяців тому

    at 38:07 when i run it, it says motion not defined

  • @pedronninci7374
    @pedronninci7374 5 місяців тому +1

    what theme are you using in vscode ?

  • @muhamadhaikalmulyap4910
    @muhamadhaikalmulyap4910 3 місяці тому +1

    whats ur auto complete extensions?

    • @cristianmihai01
      @cristianmihai01  3 місяці тому +2

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

    • @muhamadhaikalmulyap4910
      @muhamadhaikalmulyap4910 3 місяці тому +1

      @@cristianmihai01 thanks

    • @muhamadhaikalmulyap4910
      @muhamadhaikalmulyap4910 3 місяці тому

      timestamps 56:00

  • @subhasishnathdev
    @subhasishnathdev 6 місяців тому +1

    I'm encountering node:internal/modules/cjs/loader:1143 while running npx run dev. Has anyone fa ed this issue before?

    • @cristianmihai01
      @cristianmihai01  6 місяців тому +1

      You should write "npm run dev" not "npx"

  • @bardankarki5090
    @bardankarki5090 3 місяці тому +1

    hey why cant i install this shad-cn in my macbook..

    • @cristianmihai01
      @cristianmihai01  3 місяці тому +1

      Please read their documentation :)

    • @bardankarki5090
      @bardankarki5090 3 місяці тому

      @@cristianmihai01 the problem is when i try to open the docs over there it shows dark page with no contents so thats why i am getting confused.

    • @henriquelbk
      @henriquelbk 3 місяці тому

      same problem. Solved with "npx shadcn@latest init" and "npx shadcn@latest add input..."

  • @gabrielotieno9697
    @gabrielotieno9697 6 місяців тому

    Great project. Suppose one wants to download the CV, can one be able to?

  • @MuhammadMazhar-k3q
    @MuhammadMazhar-k3q Місяць тому +1

    i was already making this website

    • @cristianmihai01
      @cristianmihai01  Місяць тому

      What do you mean?

    • @MuhammadMazhar-k3q
      @MuhammadMazhar-k3q Місяць тому

      @@cristianmihai01 i already build this portfolio am full stack developer bro 😐

  • @suderdn9477
    @suderdn9477 7 місяців тому +2

    thank you soo much !!!

  • @RyzeStudios-v1u
    @RyzeStudios-v1u 5 місяців тому +1

    whats the name of ur desktop background? could you link it?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      you can search google for firewatch dark wallpaper

  • @E-Tech-c2q
    @E-Tech-c2q 2 місяці тому +1

    s00 fantastic buddy

  • @AbhishekKumar-w4r1u
    @AbhishekKumar-w4r1u 3 місяці тому

    1:33:00 day 1 mark
    2:12:35 day 2 marks

  • @mithunbiswas_
    @mithunbiswas_ 4 місяці тому

    hello sir, which extention you usually use for visual studio code.??

  • @Ryoh64
    @Ryoh64 4 місяці тому +1

    i know you probably will not answer me, but what is you doing and typing on the beginning of the code on the terminal? min 5:53

  • @k4shif689
    @k4shif689 4 місяці тому

    Hey! hope you are doing well. how to make my resume install whenever someone clicks on the 'Download CV' button?

    • @NicolasGarcia-zp5lh
      @NicolasGarcia-zp5lh 4 місяці тому

      To make your resume download when someone clicks on the "Download CV" button, you can use an anchor () tag with the download attribute. You can wrap the button inside the anchor tag.

  • @eminal2463
    @eminal2463 4 місяці тому +1

    Bro, what vscode extensions do you use?

    • @cristianmihai01
      @cristianmihai01  4 місяці тому

      Theme: Material Theme
      Icons: Material Icon Theme
      Font: Jetbrains Mono
      Extensions:
      ES7+ React / Redux / React-Native snipppets
      File Utils
      Auto Close Tag
      Auto Rename Tag
      Highlight Matching Tag
      Live Sass Compiler
      Live Server
      Path Autocomplete
      Path IntelliSense
      Prettier
      Simple React Snippets
      SVG Preview
      Tailwind CSS IntelliSense
      Thunder Client
      vscode-faker

    • @eminal2463
      @eminal2463 4 місяці тому

      @@cristianmihai01 Bro. I have a mistake that I can't fix, could you help me?

  • @abhishekcode
    @abhishekcode 3 місяці тому +1

    How you edit your photo image?

  • @alex_angri
    @alex_angri 5 місяців тому

    How did you create an image of the desktop and mobile version screenshot for the work section?

  • @Disha_roblox56
    @Disha_roblox56 3 місяці тому

    Bro! First of all thank you so much for such wonderful content I was able to complete the website even though I am a beginner! But I tried to create the contact page with the help of emailjs but it's not working can you please guide us on how we can make email working

  • @Sherlox99
    @Sherlox99 6 місяців тому +1

    In the beggining font style is worked correctly. but now it is not working after some hours. what should I do to fix this error?

    • @moisespineda8520
      @moisespineda8520 4 місяці тому

      I got this error too. Do you know how to fix it?

    • @Sherlox99
      @Sherlox99 4 місяці тому

      @@moisespineda8520 Its happening with connection issue. It needs internet connection to load font style

  • @jameslau2576
    @jameslau2576 3 місяці тому

    thank you so much I love you

  • @dipteshkarmakar4999
    @dipteshkarmakar4999 2 місяці тому

    hi there i am having some problem cinfiguring the tailwind.config.js file as it doesn't match with mine . In mine everything is initialized with "hsl(var())" values

  • @nyxstream4635
    @nyxstream4635 2 місяці тому

    doestn work mix-blend-lighten, this function just doesnt show/// why?
    first time she worked but after 5 minutes has broken....
    i tried to fis but no results

    • @susmitasarkar196
      @susmitasarkar196 2 місяці тому

      For myself also mix-blend-lighten effect not visible on screen. I can not find the problem. Have you able to resolve the issue?

    • @mcvilles6442
      @mcvilles6442 Місяць тому

      Put it in the class of the parent div of component in page.jsx. it worked for me.

  • @Sevithaa-tl8lu
    @Sevithaa-tl8lu 6 місяців тому

    I loved the video, can you please tell me how you are storing the user data from the contact page. Thank you

  • @atharvamali3081
    @atharvamali3081 5 місяців тому +1

    Is the contact form in the portfolio working or not working....I did not se any library that will make form working
    Please let me know

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Nope! But you can easily implement the form functionality with Formik, React Hook Form or simply email.js ;)

    • @atharvamali3081
      @atharvamali3081 5 місяців тому +1

      @cristianmihai01 All right will try that on my own for sure.
      Thanks for the tutorial buddy.

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      You are welcome!

  • @ex-machina7685
    @ex-machina7685 6 місяців тому +2

    Thank you

  • @wolfie8748
    @wolfie8748 5 місяців тому +1

    which vs-theme are u using?

    • @cristianmihai01
      @cristianmihai01  5 місяців тому +1

      Material Theme

    • @wolfie8748
      @wolfie8748 5 місяців тому

      @@cristianmihai01 thank you. I am making a portfolio website. can I take ( get inspired ) from your video?

    • @wolfie8748
      @wolfie8748 5 місяців тому

      @@cristianmihai01 I also installed material theme but mine font is italic? do you how to fix*

    • @cristianmihai01
      @cristianmihai01  5 місяців тому

      Yes you can!

    • @wolfie8748
      @wolfie8748 5 місяців тому

      @@cristianmihai01 thank you very much!

  • @morgan24TH
    @morgan24TH 4 місяці тому

    Nice, but please next time zip the files instead of rar, some of us are on Linux, we have to key in some commands to extract that.