How To Create Portfolio Website In React JS | Complete React JS Website Project Tutorial 2024

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

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

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

    👉 Source code: greatstack.dev/go/alex
    👉 Live link: greatstack.in/portfolio/

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

      I have used the Vercel for hosting the portfolio, the issue i am facing is that all the elements of portfolio have become bold, size of everything is increased, on local host it is looking good, but on network it is looking very bad!
      any solution for that??
      please guide! @GreatStackdev

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

      @@muhammadusmanali2029 I am facing same problem but on localhost. Have you got any solution ?

  • @KalmanWebDesign
    @KalmanWebDesign 3 месяца назад +11

    Great tutorial. However, use rems instead of pixels to make the sizing relative (responsive), and each page should only have one h1 element. Use h2 elements for additional headings.

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

    clean and proper styling in css, able to follow without any confusion

  • @-mohammadalakedy5417
    @-mohammadalakedy5417 4 месяца назад +9

    You the best , Big Thanks From Syria ❤ I'm waiting the Food Dilvery App Backend Section Bro ❤❤

  • @Benbeckmann3739
    @Benbeckmann3739 4 месяца назад +17

    You people saying you'll try the code on a 3 hr long video after 20 mins are crazy

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

    Great job so far thanks I am following you

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

    perfect step by step explanation for beginners......waiting for next js tutorial

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

      how should i change logo name to my name pls explain

  • @NikhilPatil-c5h
    @NikhilPatil-c5h 16 дней назад +1

    Very good representation such amazing for everyone who are new or experienced people.

    • @GreatStackDev
      @GreatStackDev  15 дней назад

      Glad you found it helpful! Thank you so much.

  • @chibuezealaekwe4212
    @chibuezealaekwe4212 15 дней назад +1

    This is great , keep it up boss

    • @GreatStackDev
      @GreatStackDev  15 дней назад

      Thanks, will do! Hope you built it.

    • @chibuezealaekwe4212
      @chibuezealaekwe4212 15 дней назад

      @@GreatStackDev
      On it now, once I'm done, will start looking for a front-end entry level jobs

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

    My Best RUclipsr Coding Tutor ❤
    Thank you sir for this

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

    man is make content according to my needs lol
    i was just taking to my friend that i want to make portfolio website a you fullfill my need Master.🙏🙏

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

    You're a life saver bro!!!!

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

    Great work greatstack. learned alot.

  • @howigrow
    @howigrow 17 дней назад +1

    Very helpful tutorial ❤

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

    Thanks you sir for creating this tutorial.😢😊

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

    If do not thank for this project it is absolutely inference. I hope you will be putting this project using Tailwind shortly.

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

    It's perfect, I learn every day with you, especially since recently I started learning React js. Otherwise why create buttons with a DIV tag?

  • @user-hb9oq2mx8l
    @user-hb9oq2mx8l 26 дней назад

    Thank you i saw 100 plus adds in just 2hrs

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

    With this new technologies, i feel for junior devs

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

    Web3form ain't loading. Is there any alternative?

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

    Thankyou sir with this awesome content.

  • @user-pd9ew7ze4s
    @user-pd9ew7ze4s 2 месяца назад +2

    Without writing some if we click submit button then show Email send successfuly please fix this issue

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

    Any reason for using always plain css ???

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

    i like it this channels..very perfect

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

    Nice portfolio website. Sir, please also upload backend part of Food Delivery Website as soon as possible.

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

    your videos so much helpful
    😇😇

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

    A great video i have to try it out.....please do provide the other video for the back end of the food delivery

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

    please sir make videos on angular 17 projects, angular is most demanded in big tech companies.

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

    Great Job thank you a lot, please dedicate a video on how to create a website with log in where one can can reset forgot password

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

    Please bring full mern stack projects as much

  • @abdoutoutou4901
    @abdoutoutou4901 8 дней назад

    I have a problem with the ‘about ‘ section . As the skills take the same formats that were applied to the title the first time ,as they do not appear horizontaly . I reviewed the code several time

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

    ill do for sure tq bro

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

    its not mobile responsive can anybody help me with it. The content taking half of the width idk why

    • @User-lm4qq
      @User-lm4qq Месяц назад

      bro did u get the solution i am just frustated , the width are automatically decreasing while inspecting plzz help

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

    Hello Sir, I really appreciate your work. Is it possible to activate the subtitles, please?

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

      🤣

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

      @@UpShares I don't understang very well english...

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

    Am third... 😀😀
    Great stuff man.. You the best.

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

    Bro plz continue the food ordering website TOMATO series. U r not posted the continuation...
    Plzzzzz continue that one.

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

    I have used the Vercel for hosting the portfolio, the issue i am facing is that all the elements of portfolio have become bold, size of everything is increased, on local host it is looking good, but on network it is looking very bad!
    any solution for that??
    please guide!

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

      I have the same issue too, have you found a solution to this?

    • @shaanu_03
      @shaanu_03 28 дней назад

      @@josephokpere583 same issue

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

    Thank you for this video. Could you please add auto subtitles to it?

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

    Please upload one video containing concepts Redux, Redux Saga, Redux Thunk in any React Application
    If it is possible to JWT also so it will be good for React Aspirants

  • @r-kr-k6136
    @r-kr-k6136 2 месяца назад +2

    Mobile responsive not fixing please upload the correction video

    • @User-lm4qq
      @User-lm4qq Месяц назад

      bro did u get the solution i am just frustated , the width are automatically decreasing while inspecting plzz help

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

      @@User-lm4qq did you get it?

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

    bro if we add our image how edit image in that

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

    Comment stating design is similar to @pixiteezy's portfolio is now deleted, just wow 👍, good job mods and creator

  • @mobagamerofficial1639
    @mobagamerofficial1639 21 день назад +1

    Video seems good but you dont seem to have much knowledge on responsiveness, you need to take into account every device screen size for responsiveness, it would be better if you used rem and em for sizes.

  • @kirankumarsahoo4550
    @kirankumarsahoo4550 4 дня назад

    When i give AnchorLink to all the li elements in console its showing Reference error: AnchorLink is not define....
    Plz suggest me what to do

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

    Sir from which website have you created the logo? ALEX . I too wanted to make a custom logo for my portfolio. and thank you for this tutorial, it helped me a lot

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

      u can use canvas

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

    Not responsive for hand phone.

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

    2:06:09

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

    thank you

  • @shuaibakhtar5333
    @shuaibakhtar5333 7 дней назад

    can someone please tell me that where sir has attached (imported) index.css file

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

    what is your device width?

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

    wow bravo, lovely

  • @User-lm4qq
    @User-lm4qq Месяц назад

    I used Email JS for form submission

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

    You never disappoint

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

    Please Made A Full stack website bro 🙂 like for college ❤

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

      its already on channel

  • @ayoubelandaloussi-nx4xv
    @ayoubelandaloussi-nx4xv 4 месяца назад

    very good video, I aprechiate your effort, I have a question, when I click on the services for example in the navbar, the anchor link takes me to it, but when I scroll up back the underline in the navbar stays in the services, how can I solve this issue and thank u

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

    Installed anchorlinksmoothscroll, how can i import the AnchorLink from react?

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

      U have to import it from anchor link smooth scroll package

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

    how to make our own svg file for profile

  • @santhosharyan-w8g
    @santhosharyan-w8g 17 дней назад

    there is a problem with your project it is not deploying in netlify

  • @AliShahab-zq7hc
    @AliShahab-zq7hc Месяц назад

    from where did you get the asset foler?

  • @TejaSays
    @TejaSays 23 дня назад +1

    where do you create all these logos and others?

    • @GreatStackDev
      @GreatStackDev  22 дня назад +1

      Hi Teja, I use Figma to create these logo and UI design.

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

      @@GreatStackDev ohh.. thanks a lot.. it helps me to create my own

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

    Why do you delete the react.svg under asset folder? Because when i deleted that, the host stated file/path is missing and error instead of a clean screen?

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

    Sir plz make tutorial or use in website tailwind css plz sir its very demanding now rather than plain css so sir plz make tailwind css tutorial 🙏

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

    best tutorial🤩🤩

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

    Good

  • @santhosharyan-w8g
    @santhosharyan-w8g 17 дней назад

    please help me i want to deploy your reactjs application in netlify or github

  • @User-lm4qq
    @User-lm4qq Месяц назад

    hey bro i write the sam e code but it is not mobile responsive whta may be the problem

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

    fr me anchor link smooth scroll error /// just about and contact section ,,, form is running good

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

    please deploy on render

  • @AzizulHaque-vh8qc
    @AzizulHaque-vh8qc 3 месяца назад

    Which theme u are using in Vs Code?

  • @User-lm4qq
    @User-lm4qq Месяц назад

    bro my components are not taking full width of screen, why this problem is arsing ? do you have any solutions

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

    Sir i texted on insta What about Admin page of food delivery?

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

    The source link is unable to use

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

    Sir please post tutorial of admin panel

  • @KiranKumar-md7uh
    @KiranKumar-md7uh 4 месяца назад

    We need more

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

    Sir create a currency converter using HTML CSS and JavaScript 😊😊😊😊

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

    Nice work but how did you come about your service data

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

      did you find the answer ? the services are not displaying

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

    i dont understand one thing that is when i am writing the same code as you then why my user interface look differnt from you like in size of headings and the services portion i dont understand why?

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

      It happens due to different laptop screen settings.
      Check you display settings and select other display resolution to understand it.

    • @shaanu_03
      @shaanu_03 28 дней назад

      @@GreatStackDev sir, you made the website when your device display scaling is at 100%, but all ours display is at 125%(which is recommended display setting by windows and its default), our webpage is looking zoomed in even we wrote the exact same code as yours. and thats you its not mobile responsive also. Can you please give us the updated css styling with 125% display?

  • @user-ux3tr7mg1v
    @user-ux3tr7mg1v 2 месяца назад +1

    HELLO

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

    make a dynamic web bro please

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

    smoothi scroll is not that perfect why I dt know

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

    2:37:13

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

    hey please share your vs code setting😢

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

    under email submission am not getting any notification yet i have double checked everything, what might be the problems?? Please or kindly respond

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

      hey you need to use the hook which is used in the react form for email and under submit button you need to use {result} to submit the form on your email id

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

    Anchor link tag use after page will shows blank . 😢 Please help me anyone

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

      make sure to import Anchor Link Tag

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

    bro how to create image ?

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

    it looks cook thought

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

    How to buy source code?

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

    how can we make usefull i meanwhen i share a url so people can see

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

      deploy on platform like vercel or netlify

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

    500+ done

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

    Please .i am your biggest subscriber . i want to create something like this , for my own . please share codes by any platform you can share with me . pleamse 😭

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

    where to make image icons

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

      u can use icons8

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

    where u create image??

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

    Is contact form working?

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

      Yes, it is working

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

      @@idevkrnot fr us

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

    hey can anybody tell me the extension name

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

      ES7+ React/Redux/React-Native snippets

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

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

    Hello , i need your help with something so can i have your discord account or how can i manage to contact you while i can share screen ?
    i like watching ur channel btw