I built a website with TOP tier design and development resources. Here's the process...
Вставка
- Опубліковано 31 тра 2024
- You can also start the FREE Frontend Development Introduction Course with CourseCareers NOW: coursecareers.com/a/HuyNG?cou...
(Thanks CourseCareers for partnering with me in this video)
It was also really fun making this video, hope you guys have enjoyed it! You can check out the final site here: www.pillarstack.com/
Thank you @juxtopposed for inspiring me to make this video, you guys should definitely check her channel out!
Want to contribute to Pillarstack?
github.com/huyngxyz/Pillarstack
⏰ Timestamps:
0:00 Problem Analysis
1:34 Part 1: Initial UX Process
2:23 Setting up a design system
3:49 Part 2: Branding
4:42 Part 3: Wireframing
5:41 Part 4: Designing
6:59 How to start learning frontend development
8:17 Part 5: Development
9:47 Finale: Post Development
🔗 Resources mentioned in the video:
• world's shortest UI/UX... (Juxtopposed's video)
www.relume.io/ (Sitemaps, Wireframe kit)
stacksorted.com/
darkmodedesign.com/
minimal.gallery/
bit.ly/project-starter-template (My Project Starter Template)
www.figma.com/community/file/... (SVG Shapes by JP)
_______________________
⭐️ Try out Figma for free - best tool for web design:
bit.ly/tryfigmanow
🀄️ Try Tilebit for free - speed up your design with quality premade components:
bit.ly/trytilebit
🎵 I get my insane music and sound effects from Epidemic Sound - get a free 30 day trial here:
bit.ly/epidmcsound
_______________________
🗨️ Join the discord community:
/ discord
🌊 Support the Channel:
ko-fi.com/supporthuyng
💬 Connect with me:
bento.me/huyng
_______________________
📧 Email:
hello@huyng.xyz(for business inquiries)
.
.
.
.
.
.
.
.
#webdesign #webdesigner #awwwards #webdevelopment #uxdesign #resources #designresources #frontend #frontenddeveloper #frontenddevelopment - Наука та технологія
Start the FREE Software Development Fundamentals Introduction Course with CourseCareers Now:
coursecareers.com/a/HuyNG?course=software-dev-fundamentals
Damn! Really love the idea to have ALL resources on one site. You made like the ESSENTIAL Catalog for all resources. Alot of catalogs just focus on type of resource. love that I can find multiple on this. Great work. Will definitely be using it often to learn and try new stuff. Keep up the Awesome work. Love it. Also, I absolutely fucking adore the Look of the site. Love your Visual Skills.
Really really appreciate the kind words man, comments like this really means a lot to keep doing what I'm doing haha. I'm super glad that you've found it helpful 😁
Thanks a lot for the video man. I just recently came across your channel after watching your portfolio video and I've never hit the subscribe button so fast. I really loved how you went through each step of design and development. I would definitely check out the resources that you've listed as I just recently started learning Frontend development so it will be very handy.
I really appreciate it haha, it's good to know that you're enjoying this type of content : )
dang this video saved me hours to find resources for my projects!! btw love your design taste Keep it up and hope to see more videos from you!
Super glad to hear that it came in handy for you : ) Thanks a lot!
really glad to see juxtopposed is getting recognition! my fave youtuber for sure
Me too 🥹
Hey Huy, I always appreciate the resources list. Thanks so much!
Glad you like them!
That is very aaawsome, great work bro ❤️🔥
amazing video, keep it up Huy 👏
You are so inspirational to me, also love your video style. Greatings from Berlin
I really appreciate it!
I really like your video, I kinda had the same idea, but went a different route. I really like your design and the way you grouped everything.
Really appreciate it!
You’ve inspired me to learn code coming from Webflow and I’m having the time of my life.
Also, idt the discord is linked in the description.
Glad to hear it! Also, thanks for pointing it out, I have included the discord link now : )
I usually don’t comment on videos but man, i really like your content. So educational and original :)
I really appreciate it! Thanks a lot!
Bro I've been waiting for a new video in a while , though it's hard to find resources while creating a new project thank's alot bro
Happy to help!
Great Video, Learnt a lot
Glad to hear that!
Dope stuff!
Great job 🎉
you are Doing great and Thanks for the site😄
We have him again! Great video🤩
Haha thank you!
Just checked out your the site, amazing stuff❤.
Please add color palette visualizers also😊
Thanks and noted!
can you make tutorial next on how you set up your design system? thanks a lot
Nice video dude! Can we get a setup/desk tour in the future?
Yes for sure haha, would love to make a video on it
Bro🔥your videos inspires me to start a UA-cam too, like you seem to enjoy creating this content 🗿🍷... I am going to contribute to this project, I like the idea too🦖.
Oh, and yeah....I too like juxtopposed's content 🔥, waiting for the collaboration 😂📜
Great video! I'm really enjoying the content. Have you ever considered creating a timelapse of building a website from scratch? It could be super inspiring for beginners like myself who are looking to dive into coding. Thanks for the awesome content!
It is something I am currently considering! Glad you enjoyed it!
I'm also learning the Web Development, I found it interesting creating the top, and animated websites, I never found out, to what limit should I expand my project, and how much time should I give it to the project? I want your response for this pls, I'm developing a program (for fun), since November. I haven't completed it yet, idk why, this is the reason, I'm lacking in my projects.
btw, your videos are really good and inspiring for us, coz I've never thought of making my project available to public using official domain, I just made them for fun, but you changed my perspective, Thank!❤
This is the exact project im building
does someone know what keyboard that is cus am loving it (I need it)
It's the KBD67 R4 Lite but unfortunately it's discontinued 🥹 I think you can waitlist in a newer version
man thankyou for the svgs
No problem!
After checking the page, I noticed two things that could be improved:
1. The cards are too big, requiring excessive scrolling/navigation, not using screen space efficiently. Please make them smaller.
2. Consider adding short descriptions to each card. This will help users understand the purpose of each tool and what sets it apart from others.
In summary, I think the UX would be better if you make the cards smaller and include descriptions for more clarity and information.
Overall, I think the design is pretty beautifull and that the project it's really useful and cool. I also like a lot your approach and the process. Great job!
Noted, this is really good feedback! Thanks a lot : )
when starting out to learn programming, how would you compare learning tech by building projects versus following tutorials and practising writing code
Both are good, tutorials are good for building fundamentals that you don't know yet and building projects is to refine those fundamentals that you've learned.
what app/website do you use for your mood board?
Figma : )
can someone suggest me the best way to learn figma - be it roadmap , resource or video or anything ..
I recommend Mizko, he has great tutorials on Figma
That's awesome
What dell monitor are you using by the way
Thanks! I use the Dell S2722DC monitor
What do you use now for yout wireframes ?
I use Figma : )
it would be awesome if you could share the FIgma file!
I'm curious about how you layout your grids in figma. Great Contents btw I love them.
nvm found your figma
Can i know the camera name you used ? It’s so great
I use the Sony ZVE-10 : )
Aye! Spotted myself 🎉
Hahaha good to see you here 😄
Hey man, can you provide me with a little list of libraries or languages I need to learn in order to build a portfolio website like yours? Thank you for this video!!
I recommend taking a look at the frontend developer roadmap on roadmap.sh. For my stack I use Next.js, TailwindCSS and Framer Motion. Glad to hear it was helpful!
Thank you so much man. Really appreciate it also really want a video on where you are and where you want to be as developer in future!
@@huyngxyz
Hello can u tell me where u created logo svg? the name please
I have linked it down below in the description! or you can search on figma community for (lil shapes by jp)
@@huyngxyz thanks I actually do the same as you do but plus backend continue good work u gained a sub
What vs code theme do you use ?
I use the Kanagawa VS Code theme : )
Cool design bro... Hey ma man give it a bit of love to your README file. You should make a bit of effort to leave some comments to start the application, specially if you are asking for help/collaboration in your README file. Give the users a quick path to have a running application so we can help or try it out. I've clone it, npm install the dependencies and then api error. Got into the depths of contentful documentation and then nothing was working. :/ It will be highly appreciated If you could define the path to have a working pillar stack ☮
Yep for sure, thanks for pointing this out! Since it's my first open source project, it's super helpful to see comments like this. I will be working on a project starter guide so everyone can contribute easily : )
Awesome ! @@huyngxyz
wait, where did you make your logo from?
I got it from a free svg community file called "lil shapes" by jp
@@huyngxyz aw it doesnt seem to be there anymore for me T-T
CAN I GET THE LINK OF JP LOGO IN SVG?
I've linked it in the description : )
There’s no way.. This is the exact project I’m working on now
Give up then😈😂😅
why code when this can be done easily on wordpress ? , won't wordpress save time ? genuine question. ps : Im new.
I'm not too familiar with Wordpress but sure if on the right hands it will save time. IMO, coding would allow much better performance and customizability compared to Wordpress. I also chose to code this side project since it's a medium i'm already used to and would to improve my skills on : )
what site name when u make Wireframing
Figma : )
what is color Contrast ex name @@huyngxyz
What is JP SVG? mentioned in 4:21. If anyone knows please let me know. Nice content and website btw!
I have linked it down below in the description! or you can search on figma community for (lil shapes by jp)
@@huyngxyz Thank you so much!!
Discord invite has expired
New link updated!
У чела реально редкое имя
Can i edit YOUR UA-cam videos?
So a website with links? That’s it?
Yes
Please name your mechanical keyboard.
I use the KBD67 R4 Lite. I think it's currently discontinued for the newer version
Why didn't you use framer tho? You would have been done in half the time tbh..
I love coding and torturing myself 🥹
Gyatttt
Beast mode
lol not us spending hours looking for domain names! Why are we the same?
😂😂
Lol you're so cute 😅