Hosna Qasmei
Hosna Qasmei
  • Видео 74
  • Просмотров 270 745
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 RUclips 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/
Просмотров: 535

Видео

Amazing UI Components you HAVEN'T heard of yet
Просмотров 4,3 тыс.7 месяцев назад
Amazing UI Components you HAVEN'T heard of yet
How to Open a Dialog from a Dropdown Menu using shadcn/ui
Просмотров 8 тыс.7 месяцев назад
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
Просмотров 9 тыс.7 месяцев назад
Build a Collapsible Side Nav in Minutes with Next.js 14 & Tailwind CSS
I fixed shadcn/ui Drawer for Mobile
Просмотров 8 тыс.7 месяцев назад
I fixed shadcn/ui Drawer for Mobile
Never Forget About Your Side Projects Again
Просмотров 1 тыс.9 месяцев назад
Never Forget About Your Side Projects Again
Next.js 14 Blog w/ View Counter and Minute Read
Просмотров 1,9 тыс.10 месяцев назад
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
Просмотров 11 тыс.Год назад
My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui
Shadcn UI Library just got even better!
Просмотров 3,2 тыс.Год назад
Shadcn UI Library just got even better!
Build Projects 10x Faster with Next.js
Просмотров 1,2 тыс.Год назад
Build Projects 10x Faster with Next.js
How to Add Gradient, Grid and Dots Background using Tailwind CSS
Просмотров 10 тыс.Год назад
How to Add Gradient, Grid and Dots Background using Tailwind CSS
How to Add an App Icon to Your Next.js 13 Project
Просмотров 5 тыс.Год назад
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
Просмотров 67 тыс.Год назад
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,9 тыс.Год назад
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,3 тыс.Год назад
Build X's Bottom Nav with Next.js 13 and Tailwind CSS
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
Просмотров 4,6 тыс.Год назад
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
These Tips Made Me a Better Developer
Просмотров 857Год назад
These Tips Made Me a Better Developer
How to Add a Contact Section to Your Landing Page | Next.js 13.4
Просмотров 2 тыс.Год назад
How to Add a Contact Section to Your Landing Page | Next.js 13.4
My First T3 Stack Project and the Latest Updates
Просмотров 1,5 тыс.Год назад
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,1 тыс.Год назад
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,6 тыс.Год назад
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,4 тыс.Год назад
Learn Pagination in less than 5 minutes
Generate Realistic Fake Data with faker.js using Next.js 13 and Tailwind CSS
Просмотров 3,9 тыс.Год назад
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
Просмотров 13 тыс.Год назад
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
Просмотров 48 тыс.Год назад
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
Просмотров 6 тыс.Год назад
Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI
Track Your Website Analytics with Umami and Railway
Просмотров 1,8 тыс.Год назад
Track Your Website Analytics with Umami and Railway
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel
Просмотров 35 тыс.Год назад
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel
Which UI Library is Right for You?
Просмотров 8462 года назад
Which UI Library is Right for You?

Комментарии

  • @victoriousinsight
    @victoriousinsight День назад

    Looks very cool 😍

  • @LaiKeKai
    @LaiKeKai 2 дня назад

    Thank you for making the video, it really helped me

  • @thephluent
    @thephluent 3 дня назад

    The reason there is duplicate view counts in development is because of react strict mode it renders dom twice.

  • @sebastianvh-r1r
    @sebastianvh-r1r 4 дня назад

    gracias, lo veo en spanish, y aun así se entiende, es excelente !! saludos desde uruguay!!

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

    Thanks 😊

  • @coffeeaddict7652
    @coffeeaddict7652 13 дней назад

    Great video!

  • @gamers4life1
    @gamers4life1 16 дней назад

    I wish you could explain further for some of the things you do but thanks!

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

    I've adapted your solution to my project, adding <ScrollArea> directly on my <DrawerPrimitive.Content> and this works really good for me. Really really thanks.

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

    life saver, I couldn't actually use it

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

    what about mobile version?

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

    Hey Hasna, I’m planning to add a blog nav item that opens in a new page when clicked. Could you help me with how to handle this?

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

    good content, sister)

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

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

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

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

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

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

  • @DDDDD-n6x
    @DDDDD-n6x Месяц назад

    Really its what i want 🎉

    • @DDDDD-n6x
      @DDDDD-n6x Месяц назад

      Thank you so much

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

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

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

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

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

    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 2 месяца назад

    It's useful. Thanks for this!

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

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

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

      yes! trying to get back to it 😁

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

    Very nice!! Excellent job!! <3

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

    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 2 месяца назад

      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 2 месяца назад

    the ui looks insane!!

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

      thanks Nizar 😄!

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

    Let's goooo ❤

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

    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 2 месяца назад

    Thanks, it helped.

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

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

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

    Great work! thank you

  • @MohammedWaleed-t5j
    @MohammedWaleed-t5j 3 месяца назад

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

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

    Weldone ma'am. Thanks alot.

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

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

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

    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 3 месяца назад

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

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

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

  • @EmmanuelAyomide-e2k
    @EmmanuelAyomide-e2k 3 месяца назад

    Can I do this using .js ?

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

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

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

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

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

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

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

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

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

    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 4 месяца назад

    how old are you??

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

    Thank you this was so helpful! great work!

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

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

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

    I love your content!

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

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

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

    Thanks for repo

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

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

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

    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 5 месяцев назад

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