Build & Deploy a Modern Web Portfolio w. SvelteKit & TailwindCSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

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

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

    For deployment check this out! th-cam.com/video/NBrQp6-721c/w-d-xo.html

  • @yashiscoding
    @yashiscoding ปีที่แล้ว +2

    Wow James, what an absolute minimal and precise portfolio. I would love to steal few things from yours for my portfolio. I hope that's all right

    • @Smoljames
      @Smoljames  ปีที่แล้ว

      Glad you liked it! And go hard :) Take whatever you like from it!

  • @user-ii7xc1ry3x
    @user-ii7xc1ry3x ปีที่แล้ว +1

    Sweet portfolio. I don't come across full projects in Svelte often, and I should say it was pleasant to watch.

    • @Smoljames
      @Smoljames  ปีที่แล้ว

      Glad to hear you think so!

  • @ShiweiYu-c6p
    @ShiweiYu-c6p 9 หลายเดือนก่อน +1

    Following the tutorial step by step and really appreciate the guidance!
    One question is how to get that fancy profile.png? I was thinking it's some css style initially, yet it turned out to be the pic itself?
    Another is could you spare some time on how you come up with the idea of such a layout or thoughts like that? Really appreciate you code line by line with that patience, but I still do not know why should I do in that way as a beginner.
    Big thanks again!

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

      Great questions! For all pictures and stuff I manually edit them on a site called pixlr.com/e :P
      As for the layouts, a lot of practice and experimentation, and also taking inspiration from other sites and apply them in a new unique way. Don't worry about understanding every line, it'll come with time!

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

    11:00 minutes in the particle effect doesn't work using the script tag from cdnjs but the one on his github repo works. The difference is in the version and hence the sha512 but another difference is the missing dot in particle.js

  • @ShiweiYu-c6p
    @ShiweiYu-c6p 9 หลายเดือนก่อน +1

    Another question is the final deploy step, can follow another tutorial abt that to implement right? Cauz the product after the tutorial is only a local version right?

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

      Good question! This video explains how to deploy it (the key difference is that you'll want to deploy from a github repo!)
      th-cam.com/video/NBrQp6-721c/w-d-xo.html

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

    these tutorials are awesome

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

    You forgot to add to CSS file ,blueShadow was declared but no styles written
    And is it only to me ,but I cant seem to make Get in touch button in main section to work ,cant even press it ,like overlay is hiding it ,not sure what can be the problem

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

      The CSS import is indeed included in the video :) If you ask nicely I can tell you where

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

      @@Smoljames i don't want to sound disrespecful, just tought i will let you know that I didn't noticed in the video you writing styles for blueShadow class that you gave to the contact buttons 😀

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

    how do you come up with the design for your portfolio? My biggest struggle is designing something that looks clean but isn't boring. My designs always turn out ugly😬😂

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

      Good question (going to make a video on exactly this). It's a 3 part process really; 1) learn lol 2) observe - i actively observe every website i visit to see what features and designs I like 3) apply - if I've found some designs I like recently, I make sure to include them in any new projects I'm doing so I end up with an arsenal of cool looking stuff! Maybe add in my own flare!

  • @Shuki..
    @Shuki.. ปีที่แล้ว

    Hey James banger vid. Would you be okay with it if I just completely ripped off your communication part? It’s so well written!

    • @Smoljames
      @Smoljames  ปีที่แล้ว

      By all means my friend go hard haha!

  • @aarongarcia3296
    @aarongarcia3296 ปีที่แล้ว

    So sorry, I’m a new new newb. I love your content.
    Can you please explain what svelteKit and tailwind css are/do.

    • @Smoljames
      @Smoljames  ปีที่แล้ว +2

      We're all newbs at some point! SvelteKit is a javascript web framework so it basically just makes it easier to develop interactive websites. TailwindCSS is a CSS library for making the website look a certain way!

  • @DavidTheBlane
    @DavidTheBlane ปีที่แล้ว +1

    Great tutorial, thanks!

    • @Smoljames
      @Smoljames  ปีที่แล้ว

      Cheers for the comment :)

  • @alarak5474
    @alarak5474 ปีที่แล้ว +1

    Hey, I must've missed something, but I thought you were going to go through how to deploy this app too? Great tutorial nonetheless :)

    • @Smoljames
      @Smoljames  ปีที่แล้ว

      Haha stay tuned for part 2 (I may or may not have forgotten to deploy it :o)

    • @alarak5474
      @alarak5474 ปีที่แล้ว

      @@Smoljames haha that's no problem. I'll stay tuned then ;)

  • @ok-alarm
    @ok-alarm ปีที่แล้ว

    can you code this without tailwind?? thanks man

  • @Dioulde_Leigh
    @Dioulde_Leigh ปีที่แล้ว

    thanks bro I'm gonna save this video for later

  • @mkstlz
    @mkstlz ปีที่แล้ว

    Huge... Wait, Hugh A... Jass

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

    Bro I was watching carefully why the hell did you rick roll us

  • @666Bockwurst666
    @666Bockwurst666 ปีที่แล้ว

    sick