Hosna Qasmei
Hosna Qasmei
  • 74
  • 260 700
I Built The Ultimate Portfolio Directory
In this video I talk about one of my projects, PortfoliosHub. Discuss the inspiration behind it and how it was made on a high level.
Resources:
- PortfoliosHub: www.portfolioshub.com/
- PortfoliosHub GitHub: github.com/hqasmei/portfolioshub/tree/main
- Prettyfolio: prettyfolio.com/
- Ansub's Site: ansubkhan.com/
- Anthony Sistilli's TH-cam channel: www.youtube.com/@AnthonySistilli
📖 Projects I'm working on:
- ProjectPlannerAI: projectplannerai.com
- PortfoliosHub: portfolioshub.com
- TechStackFinder: techstackfinder.com/\
👩‍💻 Let's Connect
- Discord: discord.gg/dtPaNWqBNx
- Github: github.com/hqasmei
- Twitter: hqasmei
- LinkedIn: www.linkedin.com/in/hosnaqasmei/
มุมมอง: 457

วีดีโอ

Amazing UI Components you HAVEN'T heard of yet
มุมมอง 4.2K5 หลายเดือนก่อน
Amazing UI Components you HAVEN'T heard of yet
How to Open a Dialog from a Dropdown Menu using shadcn/ui
มุมมอง 6K5 หลายเดือนก่อน
How to Open a Dialog from a Dropdown Menu using shadcn/ui
Build a Collapsible Side Nav in Minutes with Next.js 14 & Tailwind CSS
มุมมอง 8K5 หลายเดือนก่อน
Build a Collapsible Side Nav in Minutes with Next.js 14 & Tailwind CSS
I fixed shadcn/ui Drawer for Mobile
มุมมอง 7K5 หลายเดือนก่อน
I fixed shadcn/ui Drawer for Mobile
Never Forget About Your Side Projects Again
มุมมอง 9758 หลายเดือนก่อน
Never Forget About Your Side Projects Again
Next.js 14 Blog w/ View Counter and Minute Read
มุมมอง 1.8K9 หลายเดือนก่อน
Next.js 14 Blog w/ View Counter and Minute Read
My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui
มุมมอง 11K11 หลายเดือนก่อน
My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui
Shadcn UI Library just got even better!
มุมมอง 3.2K11 หลายเดือนก่อน
Shadcn UI Library just got even better!
Build Projects 10x Faster with Next.js
มุมมอง 1.1Kปีที่แล้ว
Build Projects 10x Faster with Next.js
How to Add Gradient, Grid and Dots Background using Tailwind CSS
มุมมอง 9Kปีที่แล้ว
How to Add Gradient, Grid and Dots Background using Tailwind CSS
How to Add an App Icon to Your Next.js 13 Project
มุมมอง 4.9Kปีที่แล้ว
How to Add an App Icon to Your Next.js 13 Project
Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS
มุมมอง 65Kปีที่แล้ว
Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS
Build X's Responsive Side Nav with Next.js 13 and Tailwind CSS
มุมมอง 2.9Kปีที่แล้ว
Build X's Responsive Side Nav with Next.js 13 and Tailwind CSS
Build X's Bottom Nav with Next.js 13 and Tailwind CSS
มุมมอง 3.1Kปีที่แล้ว
Build X's Bottom Nav with Next.js 13 and Tailwind CSS
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
มุมมอง 4.3Kปีที่แล้ว
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
These Tips Made Me a Better Developer
มุมมอง 852ปีที่แล้ว
These Tips Made Me a Better Developer
How to Add a Contact Section to Your Landing Page | Next.js 13.4
มุมมอง 2Kปีที่แล้ว
How to Add a Contact Section to Your Landing Page | Next.js 13.4
My First T3 Stack Project and the Latest Updates
มุมมอง 1.5Kปีที่แล้ว
My First T3 Stack Project and the Latest Updates
Build an AI Image to Text Generator using Next.js 13, Upstash Redis and Replicate
มุมมอง 2.1Kปีที่แล้ว
Build an AI Image to Text Generator using Next.js 13, Upstash Redis and Replicate
Build and Deploy a Quote Generator with Next.js 13.2, Upstash Redis, Tailwind CSS and Vercel
มุมมอง 1.5Kปีที่แล้ว
Build and Deploy a Quote Generator with Next.js 13.2, Upstash Redis, Tailwind CSS and Vercel
Learn Pagination in less than 5 minutes
มุมมอง 1.4Kปีที่แล้ว
Learn Pagination in less than 5 minutes
Generate Realistic Fake Data with faker.js using Next.js 13 and Tailwind CSS
มุมมอง 3.8Kปีที่แล้ว
Generate Realistic Fake Data with faker.js using Next.js 13 and Tailwind CSS
Create a Splash Screen with Next.js 13, Tailwind CSS and Anime.js
มุมมอง 12Kปีที่แล้ว
Create a Splash Screen with Next.js 13, Tailwind CSS and Anime.js
Build and Deploy a Responsive Personal Portfolio Website Using Next.js 13, Tailwind CSS and Vercel
มุมมอง 48Kปีที่แล้ว
Build and Deploy a Responsive Personal Portfolio Website Using Next.js 13, Tailwind CSS and Vercel
Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI
มุมมอง 6Kปีที่แล้ว
Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI
Track Your Website Analytics with Umami and Railway
มุมมอง 1.7Kปีที่แล้ว
Track Your Website Analytics with Umami and Railway
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel
มุมมอง 35Kปีที่แล้ว
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel
Which UI Library is Right for You?
มุมมอง 830ปีที่แล้ว
Which UI Library is Right for You?

ความคิดเห็น

  • @strsergey
    @strsergey 3 วันที่ผ่านมา

    good content, sister)

  • @mohamedomran3936
    @mohamedomran3936 3 วันที่ผ่านมา

    go to kitchen for cooke mahshy (this it egyption food)

  • @bakratos23230
    @bakratos23230 5 วันที่ผ่านมา

    A perfect tutorial on how to use the state, muchas gracias.

  • @GadgetBook
    @GadgetBook 7 วันที่ผ่านมา

    im having a issue, it seems the screen is not recognising the side bar when going reponsive

  • @DDDDD-n6x
    @DDDDD-n6x 12 วันที่ผ่านมา

    Really its what i want 🎉

    • @DDDDD-n6x
      @DDDDD-n6x 12 วันที่ผ่านมา

      Thank you so much

  • @zekefps2659
    @zekefps2659 14 วันที่ผ่านมา

    Hello, can this be achieved in react and react-router-dom?

  • @haiderjaafer8164
    @haiderjaafer8164 24 วันที่ผ่านมา

    drawer is able install it appear issue with installation from shadcn ui with next15

  • @haiderjaafer8164
    @haiderjaafer8164 26 วันที่ผ่านมา

    Great work... Your contents is good but if you create everything from scratch that's will better... Coz errors occur if we used your way

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

    It's useful. Thanks for this!

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

    Long time no see , great video , missed on some good content from you , waiting for more streams as before

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

      yes! trying to get back to it 😁

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

    Very nice!! Excellent job!! <3

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

    i have a suggestion ! make a load more button or a pagination since i can't reach the footer of the website unless i scrolled all the posts which is cumbersome haha , i see some great portfolios out there :)

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

      thanks for the feedback! so funny I initially had a load more button but felt like it might be annoying for the user to keep pressing it. figured an infinite loader or loads as you scroll would be better. but maybe not now that you bring it up 😅

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

    the ui looks insane!!

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

      thanks Nizar 😄!

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

    Let's goooo ❤

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

    10:40 11:50 You need to add a return statement to prevent the view count from increasing unexpectedly. Ideally, the view count should increase only once for each ip address, whether the app is running in development or production. 9:55 if (!isNew) { return new NextResponse(null, { status: 202 }); }

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

    Thanks, it helped.

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

    This video is a big recommendation for anyone that’s learning tailwind css. You’re amazing Hosna❤

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

    Great work! thank you

  • @MohammedWaleed-t5j
    @MohammedWaleed-t5j หลายเดือนก่อน

    you're a lifesaver thank you so much for this great tutorial 👏

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

    Weldone ma'am. Thanks alot.

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

    "Convex has its..." or "Convex have their...", but not "has their" ;)

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

    Hey, thanks for a great video. What if I want a slightly wider side nav? Can't get the wrappers to play ball. using w75 instead of w60. Even Cursor is at a loss.

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

    While using tanstack table its not a good solution. The table s*cks .....

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

    HOW DID THE HEADER NOT being stick at the top and not scrolling as well? what did you do?

  • @EmmanuelAyomide-e2k
    @EmmanuelAyomide-e2k 2 หลายเดือนก่อน

    Can I do this using .js ?

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

    This video saved me tons of time, thanks for doing it and thanks for providing the code.

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

    I Love ......................... Thanks a lot

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

    What software are you using to record and get your camera in the bottom right?

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

    example doesn't work, it has many errors on start dev like not found 'resend'

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

      lol, try to install Resend

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

    I spent nearly two weeks trying to figure out how to build this without using a third party component library and could not find a solution. Thanks so much for sharing. I honestly cannot believe how simple it was to create.

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

    how old are you??

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

    Thank you this was so helpful! great work!

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

    really cool stream. You trying out Cody's creepy pasta app was fun to watch🤙🤙🤙

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

    I love your content!

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

    been waiting, but I still missed this😭😭 Hey Hosna, how've you been? how's the new role going?

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

    Thanks for repo

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

    "The latest update to radix-dropdown-menu (2.1.1) is not allowing input fields to be edited. Any suggestions?"

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

    I started this project 9 months ago, and I'm picking it back up this week. I previously got all the way to having a cloned version (with rough new design) setup on Vercel and able to be deployed. Now I just need to reacclimate myself to the whole project and then finish up design and content. Any things to keep in mind, anything that has been updated or needs to be updated? Thanks!

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

    how to use this in Javascript. I am not getting it even though after adding the code. Could you please help me

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

    Long time no see , welcome back

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

    heyy hosna. you're BACK!!!! can't believe I missed the livestream

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

    Thanks for this. Have used it though in a layout to have navigation capabilities so the active tab is set by url and children are displayed with pages rather than with react components and it functions great. Much appreciated!

  • @PheakSophorn-r4o
    @PheakSophorn-r4o 4 หลายเดือนก่อน

    thank you for teaching 🥰🤩

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

    I'm trying to find a halftone gradient, would you know how to do that?

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

    but then if you add "use client" in the Layout.tsx you cannot add the metadata, do you know a workaround ?

  • @zman-1x1
    @zman-1x1 4 หลายเดือนก่อน

    I was dying to make my side bar work from 2 days. This helped

  • @HassaanBaig-w7p
    @HassaanBaig-w7p 4 หลายเดือนก่อน

    This was really helpful. Thank you !

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

    This was very helpful, thank you for posting this.

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

    What's better drawer or sheet? and what's the difference between the two if I want the drawer to be from the right

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

    Great