- 74
- 260 700
Hosna Qasmei
United States
เข้าร่วมเมื่อ 2 ม.ค. 2023
Hi, I'm Hosna, a software developer who makes videos about topics I struggled with an eventually figured out and want to share.
Subscribe :)
Subscribe :)
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/
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
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!
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
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
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
good content, sister)
go to kitchen for cooke mahshy (this it egyption food)
A perfect tutorial on how to use the state, muchas gracias.
im having a issue, it seems the screen is not recognising the side bar when going reponsive
Really its what i want 🎉
Thank you so much
Hello, can this be achieved in react and react-router-dom?
drawer is able install it appear issue with installation from shadcn ui with next15
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
It's useful. Thanks for this!
Long time no see , great video , missed on some good content from you , waiting for more streams as before
yes! trying to get back to it 😁
Very nice!! Excellent job!! <3
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 :)
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 😅
the ui looks insane!!
thanks Nizar 😄!
Let's goooo ❤
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 }); }
Thanks, it helped.
This video is a big recommendation for anyone that’s learning tailwind css. You’re amazing Hosna❤
Great work! thank you
you're a lifesaver thank you so much for this great tutorial 👏
Weldone ma'am. Thanks alot.
"Convex has its..." or "Convex have their...", but not "has their" ;)
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.
While using tanstack table its not a good solution. The table s*cks .....
HOW DID THE HEADER NOT being stick at the top and not scrolling as well? what did you do?
Can I do this using .js ?
This video saved me tons of time, thanks for doing it and thanks for providing the code.
I Love ......................... Thanks a lot
What software are you using to record and get your camera in the bottom right?
example doesn't work, it has many errors on start dev like not found 'resend'
lol, try to install Resend
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.
how old are you??
Thank you this was so helpful! great work!
really cool stream. You trying out Cody's creepy pasta app was fun to watch🤙🤙🤙
I love your content!
been waiting, but I still missed this😭😭 Hey Hosna, how've you been? how's the new role going?
Thanks for repo
"The latest update to radix-dropdown-menu (2.1.1) is not allowing input fields to be edited. Any suggestions?"
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!
how to use this in Javascript. I am not getting it even though after adding the code. Could you please help me
Long time no see , welcome back
heyy hosna. you're BACK!!!! can't believe I missed the livestream
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!
thank you for teaching 🥰🤩
I'm trying to find a halftone gradient, would you know how to do that?
but then if you add "use client" in the Layout.tsx you cannot add the metadata, do you know a workaround ?
I was dying to make my side bar work from 2 days. This helped
This was really helpful. Thank you !
This was very helpful, thank you for posting this.
What's better drawer or sheet? and what's the difference between the two if I want the drawer to be from the right
Great