I built a website with TOP tier design and development resources. Here's the process...
ฝัง
- เผยแพร่เมื่อ 16 มิ.ย. 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 😁
really glad to see juxtopposed is getting recognition! my fave youtuber for sure
Me too 🥹
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!
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 : )
Hey Huy, I always appreciate the resources list. Thanks so much!
Glad you like them!
You are so inspirational to me, also love your video style. Greatings from Berlin
I really appreciate it!
That is very aaawsome, great work bro ❤️🔥
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!
amazing video, keep it up Huy 👏
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!
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 : )
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!
We have him again! Great video🤩
Haha thank you!
Great Video, Learnt a lot
Glad to hear that!
Dope stuff!
Great job 🎉
you are Doing great and Thanks for the site😄
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 TH-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 😂📜
This is the exact project im building
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!❤
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 : )
man thankyou for the svgs
No problem!
There’s no way.. This is the exact project I’m working on now
Give up then😈😂😅
I'm curious about how you layout your grids in figma. Great Contents btw I love them.
nvm found your figma
it would be awesome if you could share the FIgma file!
That's awesome
What dell monitor are you using by the way
Thanks! I use the Dell S2722DC monitor
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
Can i know the camera name you used ? It’s so great
I use the Sony ZVE-10 : )
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
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.
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
what app/website do you use for your mood board?
Figma : )
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!!
What do you use now for yout wireframes ?
I use Figma : )
What vs code theme do you use ?
I use the Kanagawa VS Code theme : )
У чела реально редкое имя
CAN I GET THE LINK OF JP LOGO IN SVG?
I've linked it in the description : )
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 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
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
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
Discord invite has expired
New link updated!
So a website with links? That’s it?
Yes
Gyatttt
Beast mode
Please name your mechanical keyboard.
I use the KBD67 R4 Lite. I think it's currently discontinued for the newer version
Can i edit YOUR TH-cam videos?
Why didn't you use framer tho? You would have been done in half the time tbh..
I love coding and torturing myself 🥹
lol not us spending hours looking for domain names! Why are we the same?
😂😂
Lol you're so cute 😅