- Видео 74
- Просмотров 270 745
Hosna Qasmei
США
Добавлен 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 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/
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
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
Looks very cool 😍
Thank you for making the video, it really helped me
The reason there is duplicate view counts in development is because of react strict mode it renders dom twice.
gracias, lo veo en spanish, y aun así se entiende, es excelente !! saludos desde uruguay!!
Thanks 😊
Great video!
I wish you could explain further for some of the things you do but thanks!
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.
life saver, I couldn't actually use it
what about mobile version?
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?
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