Build an Epic Dark-Mode Blockchain SaaS Site with Astro.js, TailwindCSS, & Framer Motion | Part 1

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

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

  • @404-not-found-service
    @404-not-found-service 2 месяца назад +2

    mentarios Order by Thank you bro , I'm waiting for the second part , I almost finished this first , what I liked most about your channel is that you explain step by step why each thing is done and how to do it , not just copy and paste , I think that's perfect and much appreciated , keep it up you're a great teacher , like and sub

  • @KimJune-x2s
    @KimJune-x2s Месяц назад +1

    just finished your Stunning React Portfolio videos. It is so awesome man, learned a lot and your designs are so beautiful. Hopefully and wish your channel will grow bigger so you can have more motivations to make more videos like this for us !

    • @frontend-tribe
      @frontend-tribe  Месяц назад +1

      Haha, I don’t need a big channel for motivation. I’ll keep pushing out videos regardless 😀

  • @MrAlam-i9w
    @MrAlam-i9w Месяц назад

    This is my favorite channel for learning front-end now. Its amazing

  • @afolabidamilare8756
    @afolabidamilare8756 Месяц назад +1

    You're a great teacher. I learn alot watching your videos.

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Месяц назад

    I just finished the complete first part and now I'm moving on to the second part , excellent to be able to learn everything step by step and see how you create everything , without depending too much on external things , also the styles helped me to improve a lot with Tailwind and Polypane , I thank you !

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

    Simply amazing, Thank for taking out time to create these videos for free, you're a legend. Thanks Champ!!!👑

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

    Damnnnn maaannn..!!...Pls upload part 2 asap..so that we can have one of the best landing pages ready with us!!🥹

  • @abdrahman-d7
    @abdrahman-d7 19 дней назад

    many many maaaany thaaanks for those tutorials 👑👑

  • @FrancoBarrera-nv4rt
    @FrancoBarrera-nv4rt 2 месяца назад +1

    Thank you, I'm served a lot of the star projects and be able to learn how to design it and program it step by step, it is appreciated that you take the time to teach how each measure goes and how to do colors etc, leave like and sub

    • @frontend-tribe
      @frontend-tribe  2 месяца назад +1

      Awesome 👏

    • @FrancoBarrera-nv4rt
      @FrancoBarrera-nv4rt 2 месяца назад +1

      @@frontend-tribe You helped me a lot, I didn't know about that polypane functionality of putting the image on the side and seeing how it's staying, thank you for that tip.

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

    Bro, u again nailed it. Frontend 👑king

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      Thanks a ton for the kind words - I appreciate it!

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

    Broooo 😮❤❤❤
    Not even a week. You came up with 🔥🔥🔥🔥🔥
    Gem contents. Still I'm working on a portfolio project 🥲
    Will work on this project in the upcoming days.🎉🎉🎉

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

    Just completed it🎉 , waiting for part 2😌

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

    I like all your designs, you are the best!

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      I happen to think they’re pretty great as well 😅

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

    Wow! Impressive, you're on a roll!

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

    Yes another one! Thank you😃

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 месяца назад

    Wow Astro and Tailwind , thanks bro 🎉❤

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

    Damn!! Never seen these type of design before.

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

    Great content ❤❤ what the theme you are using?

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      No theme really - design was inspired by Onix (link in the description)

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

    Love what you do here, can you do Next.js and MUI for versatility

    • @frontend-tribe
      @frontend-tribe  2 месяца назад +1

      I’ll probably explore that in a future video 🙂

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

    Bro the thumbnail is 🔥

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

    Bro I know you are fully frontend focused as the name says, but if you could make some NextJS full stack applications, you will be a GOD on RUclips.

    • @frontend-tribe
      @frontend-tribe  2 месяца назад +2

      Haha I’ll have to explore that some more 😁

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

    man o man next level

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

    Bro you are on fire 😮

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

    just who does this?
    You are too tooo good am short for words

    • @frontend-tribe
      @frontend-tribe  2 месяца назад +1

      Thank you very much 🙏

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

      @@frontend-tribe any reources or roadmap that made You this good?
      I really envy your frontend skills especially Your attention to detail and pixel perfect design

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

    Wow, super content❤

  • @status-200-ok
    @status-200-ok Месяц назад

    Thanks

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

    This is beautiful, where do you get these 3d assets from?. Mid journey?

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      Thank you! Image source is in the description

  • @26.bhubneshmaharana51
    @26.bhubneshmaharana51 2 месяца назад

    yo buddy when is the part two dropping any dates or hints?
    work work and approach for each section helps a lot

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

    Love it

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

    im on the first comoponent and im wondering, why do you use React fot that? instead of an astro component ?

    • @frontend-tribe
      @frontend-tribe  Месяц назад

      I don’t remember? Maybe just personal preference unless I’m adding animations later?

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

    Hey bro, great video as always. I tried deploying to vercel and netifly and I kept running into issues, please make a tutorial on how to deploy to either Github hosted sites,or vercel or netifly

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      That’s coming in this series - stay tuned 😎

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

    Hi, if you could make use of ShadCN instead of plain HTML tags, that would be really helpful. Thanks!

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      Sounds like something I might explore in a future video 👍

  • @m.massab9653
    @m.massab9653 Месяц назад

    i love you from Pakistan .

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

    how we can get the complete source code?

  • @NamanJain-cc9fr
    @NamanJain-cc9fr 2 месяца назад

    The website looks amazing. I'm gonna do it for the landing page Itself though I have one doubt, Is there some sort of functionality of web3 or It is just pure frontend magic?
    I think the website looks fabulous. I'm gonna do 3-4 of your websites and hopefully make killer designs like you soon.

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      No actual web3 here - all pure frontend 😇

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

    Where do you get your 3d images?

  • @Tabetha-g8y
    @Tabetha-g8y 2 месяца назад

    Thanks for the breakdown! Could you help me with something unrelated: My OKX wallet holds some USDT, and I have the seed phrase. (air carpet target dish off jeans toilet sweet piano spoil fruit essay). Could you explain how to move them to Binance?

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

    How is this the saas project . Its only frontend .
    Ther eis nothjng related to blockchain or not even completed

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

    Brother I would request you to make on unique full stack projects ❤😊

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      I’ll have to do that more in the future 😁

  • @Arvind-o5z
    @Arvind-o5z 2 месяца назад

    which text theme do u use in ur vscode?

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

    what is the name of extention for responsive viewer?

    • @frontend-tribe
      @frontend-tribe  Месяц назад

      It’s polypane - link is in the description

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

    i love you man

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

    👌❤️

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

    If you can make a flight booking system

    • @frontend-tribe
      @frontend-tribe  2 месяца назад

      Sounds interesting- might do something like that in the future

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

    where is the source code ?

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

    email is not working :| to source files

  • @DanteMishima
    @DanteMishima 12 дней назад

    If the spirit ever moves me, I'd build this purely in astro and not a drop of react

    • @frontend-tribe
      @frontend-tribe  11 дней назад

      You could but then no framer motion? 🤔

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

    Invalid HTTP method/URL pair, lol

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

    1:48:58 Next time => at least provide cardData =[{}] data , i 'm not asking for whole source code

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

    [mask-image:radial-gradient(closest-side,black,transparent)] - this does not change the shadow under the pill image :) EDIT: After i stop and ran the terminal again, it worked xD