Web Developer Portfolio - 9.5/10 (Front End, React)
Vložit
- čas přidán 6. 03. 2023
- Web Developer Portfolio
Welcome to our latest video on Web Developer Portfolio, where we will be discussing the key elements of an impressive portfolio that can showcase your skills as a web developer.
In this video, we'll explore the essential components that make up a top-tier web developer portfolio, including design, usability, functionality, and code quality. We will also provide you with valuable tips and tricks on how to create an outstanding portfolio that can attract potential clients or employers.
I have rated this video 9.5/10, making it a must-watch for anyone who wants to enhance their web development skills and take their career to the next level. Whether you are just starting your web development journey or already an experienced developer, this video will provide you with valuable insights and practical advice that you can implement right away.
Send your portfolio to codingphase@gmail.com. I will review them for the channel.
Don't be scared to send it! You can also send us your updated one, once we have reviewed it!!
-------------------------------------------------------------------------------------------------
🎯 Click the link below to get a free training and book a session with Joe let's figure out if the tech accelerator is the right path for you 🎯
For Best Results
U.S Students Only
techw.codingphase.net
Get 20% OFF CODINGPHASE USING THIS LINK
bit.ly/44Pe1F7
📺 Subscribe to my other channel for videos Billy Ray channel
/ @shopifydeveloper
👩🏼💻 | Learn to Code visit
💰 | Earn Over 100k Per Year in A Great Career
💻 | Unlimited Access To All The Courses You Need to Get Hired!
🌟 | 100% Quality Guarantee
🔒 | SSL Secured Checkout
🖥️ Twitch: / codingphase
🐦 Twitter: / codingphase
📸 Instagram: / codingphase
🐱🚀 GitHub: github.com/codingphasedotcom
🎒 | Check out my gear on Kit:
kit.com/codingphase
-------------------------------------------------------------------------------------------------
📓 People always ask me what other resources I think are good and here's my list👇🏻
⭐ Techrally Courses - courses.techrally.co/a/ilpn1
⭐ JavaScript: Understanding the Weird Parts bit.ly/2ycQdRi
If you want to make portfolio's like this that really convert and get your more job interviews check the Portfolio Blueprint www.portfolio-blueprint.com
Hes not only a web developer, hes the entire ux ui front end designer and HE is SO GOOD
"you're not gonna find no random to-do app" 💀😭
😂😂😂
It's not funny, I feel personally attacked😢
Ay
I have a to-do app with authentication Where you can log in and out
A full stack to-do app in this bitch
😂
Just finished the snake game 😢💀💀
This is the step up into the *real* world of incredibly hard working and talented developers. I’ve been stuck and fixated on *simple* enough projects that, like you said, just highlight “basics” about myself. But no, THIS is how it should be done. Great video and great portfolio.
same, got only 1app. Others are just SAP 😅. but heyy at least they my own projects, not copy paste from tutorial
just contribute to open source
@@LordmkKING67gotta start somewhere
I really like the clean look and spacing. This is the result of taking the time to pay attention to details. Love it
Glad you like it!
This is the best portfolio I've seen so far from your reviews. Stefan got skills.
I think along with best design we should also focus on user experience, best practices and speed optimization. So, these three things make you a top notch developer.
It's so nice of Daniel Cormier to help beginner web developers ❤
Lol 😂 good one
haha, comment needs more likes than this! right now is at 14, how high can it go?
@@AndrewOsbourne37 now
Portfolio is sick. Keep up the good work. I’d hire you if I had my own company
This portfolio is 🔥. Thanks for everything you do Joe, your advice is so on point!
Glad you enjoy it!
Very nice execution of react components and hooks. I can tell a lot of work was put together to stitch all these applications together.
Man this portfolio is crazy.... It's inspirational but I need to step up my game after seeing this, great video either way man.
the boy is good af, congrats for the portfolio mate, you just inspire me to do my best too. thanks for show us these arts and keep doing this great job, u got hired soon, believe it
Wow, I have basically been playing games when it came to projects for building my portfolio. Thanks for giving me some perspective, I'm gonna have to work way harder.
Man that guy is awesome. I want to learn front-end now
Self-taught Software Engineer based out of Tallahassee here, and I watched the whole video just to notice at the very end you have an FSU hat on and I love it haha. Go Noles!
Loved the content and I love helping other people break into tech as well so you just gotr a new subscriber!
How long did it take you? Do you have any tips for someone who is currently self-taught?
on behalf of myself and this wonderful developer, Thank You so much
Wow this guy's portfolio is amazing. I honestly believe I'm just a couple months away from this level of developing.
ربنا معانا ياخويا إن شاء الله هانوصل قريب
Going that extra mile is the thing which is needed to become a top developer 😊.
My project week is coming up next week so I'm really glad I landed on your video. This just helped me do a complete u-turn on what I was planning for my project. I will now make an actual usable website with pages. I just need to decide on what or perhaps I will recreate my own e-com store.
I’ve actually found that getting programmer jobs overseas is easier. Most USA companies have overinflated expectations and want to under pay.
No kidding, I’m trying to transition from the Fashion/Apparel Industry to IT just because the Fashion industry is very niche and it’s not something you can find “anywhere” not to mention it’s very involved in networking to actually grow within the industry. I want the flexibility and technicality of IT, but some of the entry level positions I’ve seen have ridiculous requirements “Help Desk entry level looking for 10yra of exp with sec+ net+ ccna ceh, etc” like… Is it a Help Desk entry level job? Or do you want a senior IT project manager? Like… it makes no sense.
overseas where?
Haha indian guys crying in the corner doing 500k work at 40k
@@random-bd3xg😢😢
Any tips on how to get an overseas job
This is incredibly well done for a portfolio. It's strange he chose to use center-positioned text for the content of the first one (with the car) and then swapped to left-positioned text (which I would almost always recommend for content) for further projects. But I assume this was done because of the templates he may have been using for styling these sites. It's even responsive for mobile.
Excellent.
templates?
Hi Joe, thank for this awesome upload!
Congratulations Stefan for your upcoming job! I am sure you will be hired soon. Good Luck.
10 months and this level of portfolio! It's fokkkking impressive.
Honestly, I've been learning to code since Sept/2021 with a full time job. I give about 5 hours everyday after my shift ends at around 1am early in the morning to learn to code, yet I am far from job search, I think. Currently learning React Js. It's not too easy, really!
But I am still trying.
Never give up✊
Similar story here, been learning since feb 2022, now i am slightly familiar with full stack including react, next js and express/node js , try project based learning you would see outstanding results, I used ot rely only on tutorials now i hardly watch any, only projects and learn along the way through docs.
So whats the situation now, did you get placed ?
Great job from both of you, great motivation for all of us that are trying to get there too.
Just discovered this, what an amazing way to see what is necessary in a good portfolio. Thank you!
Yeah, this is a killer portfolio. I would hire Stefan! wow. This portfolio shows serious dedication. I need to get serious too 😅😅. This is definitely motivating
Great job! Keep up the excellent work!
This is mad clean !!!, nice job Stefan
Awesome work. Really liked the effort. Btw Stefan do you create website designs by yourself?
Design is what consumes all my time. I need to just take designs from other people and add some good looking professional business style websites to my portfolio. Even if my goal is to work on more application style websites these business websites make your portfolio look professional. You can also make them pretty quickly if you have mastered the basics.
How good are you now?
I know I need to redesign my portfolio site and this is it. This is gonna be my inspiration. I will try hard, sensei!
All of this looks great, but I think companies want full-stack applications. I know Stefan wants to be a front-end developer, but what helped me become a front-end developer in Serbia was a full-stack application, specifically a social media application.
Companies are looking for engineers who understand the entire process and have a sample they can showcase.
Pro tip: 🚀 Create a short CZcams video (3-5 minutes) about the application you're talking about in English.
Jesi ti nasao posao sa onim projektom koji si objavio na jutjubu?
@@user-on4if5jw6s Sa tim projektom sam dobio poziv na intervju, na kojem su me bas iscesljali sto se tice React-a, JS-a, Auth-a, requestova, itd.
Projekat je bio uzrok poziva, a posle pokazano znanje je bilo uzrok dobijanja posla.
Wow thats amazing great ideas!! I'm about to make my own portfolio but i guess i'll be working on my projects too, as you said most of my projects are from random tutorials just to fill my github or to-dos kinda apps. Trying to get a job but need something to grab recruiters attention just as this one!!! Thanks for sharing!!!
Awesome portfolio. Thanks Joe!
I give this a perfect 10! People like this make me think I should look into another career path. I've been learning FE for years and only did a few freelance sites and one agency position using bootstrap, vanilla css, and jquery. Stefan only started 10 months ago and his projects put me to shame!!!
the designs aren't his. This needs to be pointed out because I see people doubting themselves and thinking they aren't any good, or they want to switch paths because they think Stefan imagined and created these designs himself.
Where did he get the designs from ?
@@billbobjoylegit3884 they could be from bootstrap or other places
If you showcase your folio with these production sites you worked on, in the majority of applications you would be on par with him - or even in a better position. That's your triumph - your projects are used in real life situations.
My initial thought was am I really doing myself justice?because this guy's portfolio is way ahead! Then I realized we all have something unique in our journeys, it could be industry knowledge especially if you have been working in a different field. Leverage that!
enjoyed this video so much, i was gonna start learning react and now have a solid goal and vision
Stefan bro hope u see this, you inspire me a lot bruh hope u reach greater heights
This guy is very hard worker🐐
It is my first time to watch your video but I become a fan of your channel because of your advices
so glad to have discovered this type of content
Ive watched this so many times and started molding my portfolio this way. This looks really good.
I love the content brother. I’m getting ready to graduate from and have been looking for some guidance on how to build my portfolio.
Thank you for the tips 🙏🏻
As an aspiring self taught developer seeing these kind of portfolios make me feel like I’m not doing enough and I start to doubt myself.
don't feel like that the issue is you might not be learning in the right place. also the thing that helps this portfolio the most is the designs of each project they all nice and clean. You can do the same thing but just have to take your time with each project and make sure is a project someone would be willing to pay you for it.
Honestly, I've just been following guides and tutorials for the last while after learning the fundamentals of HTML/CSS, and as I keep creating new website features and pages with the guides, I can see myself getting closer to this point. Once you've designed a header from scratch once, you can always copy + paste that, essentially, and work from there. Same with a footer, Hero Banner, Contact Forms, etc :) Just taking it step by step has worked best for me. One channel I love to check out is Hyperplexed. He's constantly spotting features on websites that he likes and then attempts to create it and make his own guide as he does it. Once you've built 10+ website elements with his guides (if you haven't already), you'll feel much more comfortable with your toolkit.
What is it that you're starting to doubt about your work? Is it the quality of your projects? Or the quantity, like you haven't created enough?
Don't let this guy's 10-month timeline intimidate you. Comparison is the thief of joy and progress. I've spent 4+ years as a wordpress/shopify web dev that picked up HTML, CSS, JS over the years, and am just now pushing to get into React and other frameworks. Even after so much time and energy, I am not as ahead as this guy. However, creating 3 websites like his is not that tough as long as you split it up into small pieces.
You need to realize that the main thing which makes these projects look so great is the designs... And the designs are not by Stefan, they were made by other people. Don't doubt yourself.
Great portfolio. The design looks good!
Thanks for your feedback.
I'm so loving your videos man! there are really cool
Glad you like them!
Thanks bro, this really helps me that I'm making my own portfolio right now.
Just discovered your channel with this video, and it's very motivating! This portfolio looks great!
Thank you for watching the video bro and also taking your time to leave a comment. hopefully you subscribe looking forward to seeing you again !
Quick reminder: I realized that the cart on the ecommerce site isnt working properly. You changed the amount to 7 and when added it to the basket it was just 1 that was put into basket instead of the 7 you choose. Idk how exactly they check that, but thats something i just noticed
keep that great work up
its a minor mistake that the rest of the portfolio clearly shows he can absolutely fix it
it's not a mistake the 1 means 1 item added not the counts of items added
@@johnhenrickbarbosa1270 False, the final price is 45, but it's supposed to be 315.
Super clean portfolio. Nice to see where the bar is.
Glad you like it!
This is the video I needed to watch, I've come across a few WordPress development job offers and I've dismissed them, I've been hesitant to apply to those positions because WordPress development is often looked down, but now I think this might be my way into the business💪🏾
Bro get your money up don't listen to the internet. There's so much BS online that tell you don't do php or wordpress or ruby or .net but the truth is there's jobs out there and nothing is stopping you from applying to them get hired and then 6-12 months later apply to that job you really wanted but now you actually have experience of working on team and real clients... Good luck with everything wish you nothing but the best and thanks for watching btw keep me updated on your journey in the next few months I read all the comments
He's got excellent design skills in addition to being a developer.
wow I love this type of videos, I will keep practicing by recreating the most eye catchy designs 😎
You have to check it on mobile device like it is responsive or not but love that minimal designs
Just landed my first remote Web Dev job! Thank you for all the advice and tips Joe!!!
Fantastic!
@@CodingPhase You're literally changing people's lives, stay blessed 🙌🏾🙏🏾
Amazing. Was ur location relevant to the opportunity? I'm located in Rio, Brasil butI'd love to land a USD salary based job.
What language did you use?
This portfolio is impressive! Just curious, most recruiters / companies expect more than just good design and CSS skills. Are the repositories not rated by their js at all?
I think it would be a good idea to mock up an API and have the app consume it. That way you can show a deeper level of proficiency with web apps.
But the issue is, everybody almost follow the same guide lines for API. I have made SPA in ReactJS that takes API data from my Wordpress blogs. I have also done a PHP Laravel that takes API from a Wordpress blog site. The wordpress theme is of course all custom coded with PHP and JS.
You need to stand out - but yes the responsive part is very important. For my part a site is not done untill every thing works in every grid screen. So pull ya media queires forth LOL
I was thinking the same, this is great showcase of 'website' building skills but companies look for 'application' building skills.. which means complex state management and routing etc.. what's shown here is kind of just plain websites for which React is kinda overkill.
finally, someone who thinks like me, I'm really struggling and taking a long time building projects that has a backend with a database, since I built the portfolio I think having many static pages is not attractive to the recruiters, so I will continue building
Aside from the Corolla in the Camry selection it is very nice
Great portfolio. Really showed me I was going in the wrong direction with mine
Génial la vidéo
Awesome!!
thanks.. this is inspiring
React and TypeScript are extreme hot, get some familiarity for sure. Angular as a bonus for skill diversity.
WordPress is more about learning the platform and integrations to bring in existing skill stack, not settling for basic / limited WordPress.
thanks for the advice
Excellente vidéo, tu mérites bcp plus d’abonné lol !
Great video man
dope portfolio
This portfolio is 💥💥
how to create a dazzling border which he created around his photo? using css?
Gymate written in react, if every page reloads, or does it not use react-router?
respect with the feedback!
I am learning angular to become a front end dev, The files are crazy
This is really good!
This is very inspirational portfolio. Just curious where do you all get images, resources for personal project like that? I can code but am not a graphic designer.
tnx dude Great tips
Damn , that's really inspiring ❤
Beautiful portfolio!
It really is!
Awasome
Great work 👏👍❤
Thank you!
Hi.
Is there a live link for this site that I can check out? Or a figma?
Thanks!
Nice Portfolio by this Boy
Sweet I am almost there!
What if i am afresher and i dont have any such projects to show, what can i add to my portfolio/wesbite?
Hey, thanks for the video. Anyone know where to find design resources online?
That s impossible beautiful site, awesome coding skills, wow. I think it s impossible for me to do that, but, I m going to study anyway and see what comes out
This portfolio is amazing! I really need to make one for myself, where can i found web design templates?
Thanks, I love the video. New siscribed
Man hes so good! 🎉🎉🎉🎉🎉❤❤❤
Currently learning web dev and Java. Majoring in CS. my goal is to get a job as quickly as possible. Gonna be dedicating 4 hours a day, 2 hours to each. Need to get this level
@CodingPhase do you know any platforms for US based jobs that accept candidates from outside of the US?
I need to take some UX/UI or design courses. It’s so beautiful
Hi Jeremiah can you tell me what a software developer need to know to be different from full stack developer
what's cool in this and why is it written in react?
It's landing pages beside the one with shopping cart
Habibi come to INDIA
This can be considered simple and made by beginner developer.
thats was really good
At 6:50 when you wanted to buy seven toasters, it only added one to the cart. I rate your analysis 9.5/10.
thank flawmore
That speech at the end just lit a fire in me again while im currently losing hope of finding a web dev job. Thanks. That in itself made me subscribe.
2:14 exactly the three projects i had in my first resume 😭😭
Me too lol 😂 we all had those
Web Developer Portfolio - 9.5/10 (Front End, React)Impressive Portfolio with Real Business Applications: A Front-End React Developer's Showcase of Pixel-Perfect and In
teractive Projects, Including Attention to Detail and User Experience, with Opportunities to Expand Skills in Angular and WordPress for Increased Job Prospects.0:00: 👍 Impressive portfolio with real business applications4:21: 👍 Stefan's portfolio showcases his skills as a front-end developer with great design.8:49:
Very nice portfolio!
It really is!
Awesome