Web Developer Portfolio - 9.5/10 (Front End, React)

Рет қаралды 1,167,887

Жыл бұрын

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

Пікірлер: 475

@CodingPhase Жыл бұрын

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

@aarenskov 3 ай бұрын

Hes not only a web developer, hes the entire ux ui front end designer and HE is SO GOOD

@AnaBerrocal Жыл бұрын

"you're not gonna find no random to-do app" 💀😭

@Adelusisola 8 ай бұрын

😂😂😂

@natminame3092 7 ай бұрын

It's not funny, I feel personally attacked😢

@seimyemane8823 6 ай бұрын

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

@grandeurokiki3858 6 ай бұрын

😂

@bonanza_narayan 5 ай бұрын

Just finished the snake game 😢💀💀

@murtajiz545 Жыл бұрын

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.

@LordmkKING67 11 ай бұрын

same, got only 1app. Others are just SAP 😅. but heyy at least they my own projects, not copy paste from tutorial

@Scott_Stern 8 ай бұрын

just contribute to open source

@MikeDue 8 ай бұрын

@@LordmkKING67gotta start somewhere

@Camxlare Жыл бұрын

I really like the clean look and spacing. This is the result of taking the time to pay attention to details. Love it

@CodingPhase Жыл бұрын

Glad you like it!

@rehnellblackett6396 Жыл бұрын

This is the best portfolio I've seen so far from your reviews. Stefan got skills.

@Anonymous25279 10 ай бұрын

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.

@kevstr432 Жыл бұрын

Portfolio is sick. Keep up the good work. I’d hire you if I had my own company

@xyz9714 Жыл бұрын

It's so nice of Daniel Cormier to help beginner web developers ❤

@CodingPhase Жыл бұрын

Lol 😂 good one

@AndrewOsbourne 4 ай бұрын

haha, comment needs more likes than this! right now is at 14, how high can it go?

@_ayush_5495 2 ай бұрын

@@AndrewOsbourne37 now

@mrbobbilly2 10 ай бұрын

Man this portfolio is crazy.... It's inspirational but I need to step up my game after seeing this, great video either way man.

@nicolasnishiyama4116 23 күн бұрын

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

@flywittzbeats4008 9 ай бұрын

Just discovered this, what an amazing way to see what is necessary in a good portfolio. Thank you!

@CreativeMonsterx Жыл бұрын

This portfolio is 🔥. Thanks for everything you do Joe, your advice is so on point!

@CodingPhase Жыл бұрын

Glad you enjoy it!

@UnknownEntity606 Жыл бұрын

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.

@IvikosDigital Жыл бұрын

Very nice execution of react components and hooks. I can tell a lot of work was put together to stitch all these applications together.

@Doonutzs Жыл бұрын

Man that guy is awesome. I want to learn front-end now

@islamabdelhakiim7258 Жыл бұрын

on behalf of myself and this wonderful developer, Thank You so much

@xxnario7286 28 күн бұрын

I know I need to redesign my portfolio site and this is it. This is gonna be my inspiration. I will try hard, sensei!

@AbhishekKumar-lp7wy 10 ай бұрын

Going that extra mile is the thing which is needed to become a top developer 😊.

@hils1015 10 ай бұрын

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.

@nateivecode 10 ай бұрын

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!

@ghadykeyrouz1116 4 ай бұрын

How long did it take you? Do you have any tips for someone who is currently self-taught?

@decisivestrikegymdsg1574 8 ай бұрын

Great job from both of you, great motivation for all of us that are trying to get there too.

@depanama6281 Жыл бұрын

It is my first time to watch your video but I become a fan of your channel because of your advices

@ayepea4471 5 ай бұрын

enjoyed this video so much, i was gonna start learning react and now have a solid goal and vision

@kirilcherry7612 4 ай бұрын

Stefan bro hope u see this, you inspire me a lot bruh hope u reach greater heights

@ahmadarab1312 6 ай бұрын

Wow this guy's portfolio is amazing. I honestly believe I'm just a couple months away from this level of developing.

@Al-Hussainy 19 күн бұрын

ربنا معانا ياخويا إن شاء الله هانوصل قريب

@guilhermeh.v.santos7424 10 ай бұрын

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!!!

@ayepea4471 5 ай бұрын

so glad to have discovered this type of content

@abdikadirQulle Жыл бұрын

This guy is very hard worker🐐

@dennyashitey 8 ай бұрын

Ive watched this so many times and started molding my portfolio this way. This looks really good.

@lalalala405 10 ай бұрын

Thanks bro, this really helps me that I'm making my own portfolio right now.

@miclilwe3658 Жыл бұрын

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

@_Sonato Жыл бұрын

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.

@tubeclips3646 6 ай бұрын

templates?

@fidelisuzoma9421 24 күн бұрын

Great portfolio. Really showed me I was going in the wrong direction with mine

@Zakaros1000 Жыл бұрын

wow I love this type of videos, I will keep practicing by recreating the most eye catchy designs 😎

@dexkode5558 Жыл бұрын

This is mad clean !!!, nice job Stefan

@tenc6491 Жыл бұрын

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.

@bekforever Жыл бұрын

Never give up✊

@dumbdavinchi3638 9 ай бұрын

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.

@tomelshaji9459 9 ай бұрын

So whats the situation now, did you get placed ?

@bripowered Жыл бұрын

Awesome portfolio. Thanks Joe!

@OleksandrBorysenko333 10 ай бұрын

Great portfolio. The design looks good! Thanks for your feedback.

@jaredkeown Жыл бұрын

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!!!

@alec3979 Жыл бұрын

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.

@billbobjoylegit3884 Жыл бұрын

Where did he get the designs from ?

@rowsncols Жыл бұрын

@@billbobjoylegit3884 they could be from bootstrap or other places

@vanlopes1687 Жыл бұрын

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.

@miclilwe3658 Жыл бұрын

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!

@ibrahimhc19 9 ай бұрын

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💪🏾

@CodingPhase 9 ай бұрын

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

@jackmiddleton2080 Жыл бұрын

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.

@noelsirrom 2 ай бұрын

How good are you now?

@giftmukupe1 Ай бұрын

He's got excellent design skills in addition to being a developer.

@Astral_Dusk 5 ай бұрын

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.

@IffyEdem Жыл бұрын

I’ve actually found that getting programmer jobs overseas is easier. Most USA companies have overinflated expectations and want to under pay.

@LexusFox Жыл бұрын

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.

@tskitz Жыл бұрын

overseas where?

@random-bd3xg Жыл бұрын

Haha indian guys crying in the corner doing 500k work at 40k

@1vShanks 11 ай бұрын

@@random-bd3xg😢😢

@audrey_thando49 10 ай бұрын

Any tips on how to get an overseas job

@antboiunleashed Жыл бұрын

Great job! Keep up the excellent work!

@bratislavZdravkovic98 11 ай бұрын

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 KZfaq video (3-5 minutes) about the application you're talking about in English.

@user-on4if5jw6s 10 ай бұрын

Jesi ti nasao posao sa onim projektom koji si objavio na jutjubu?

@bratislavZdravkovic98 10 ай бұрын

@@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.

@uncodeinternet Жыл бұрын

You have to check it on mobile device like it is responsive or not but love that minimal designs

@_itshenry Жыл бұрын

This portfolio is 💥💥

@dkthepunisher Жыл бұрын

Super clean portfolio. Nice to see where the bar is.

@CodingPhase Жыл бұрын

Glad you like it!

@MrAlexu20 2 ай бұрын

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

@goodgamershow6505 Жыл бұрын

Awesome work. Really liked the effort. Btw Stefan do you create website designs by yourself?

@Shieq0x6 8 ай бұрын

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

@ioritenshi 8 ай бұрын

its a minor mistake that the rest of the portfolio clearly shows he can absolutely fix it

@johnhenrickbarbosa1270 5 ай бұрын

it's not a mistake the 1 means 1 item added not the counts of items added

@La-FL-DS-MDFR 24 күн бұрын

@@johnhenrickbarbosa1270 False, the final price is 45, but it's supposed to be 315.

@JMac96 11 ай бұрын

Aside from the Corolla in the Camry selection it is very nice

@Inumaru3 10 ай бұрын

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.

@flawmore Жыл бұрын

At 6:50 when you wanted to buy seven toasters, it only added one to the cart. I rate your analysis 9.5/10.

@CodingPhase Жыл бұрын

thank flawmore

@peterAI976 Жыл бұрын

I'm so loving your videos man! there are really cool

@CodingPhase Жыл бұрын

Glad you like them!

@Pyrospower Жыл бұрын

Just discovered your channel with this video, and it's very motivating! This portfolio looks great!

@CodingPhase Жыл бұрын

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 !

@shubhamnema9111 Жыл бұрын

Nice Portfolio by this Boy

@shafnisha1171 10 ай бұрын

I am learning angular to become a front end dev, The files are crazy

@keronwilliams5392 Жыл бұрын

Just landed my first remote Web Dev job! Thank you for all the advice and tips Joe!!!

@CodingPhase Жыл бұрын

Fantastic!

@keronwilliams5392 Жыл бұрын

@@CodingPhase You're literally changing people's lives, stay blessed 🙌🏾🙏🏾

@lCebolitosl Жыл бұрын

Amazing. Was ur location relevant to the opportunity? I'm located in Rio, Brasil butI'd love to land a USD salary based job.

@justicejames593 Жыл бұрын

What language did you use?

@Slade328 11 ай бұрын

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 🙏🏻

@kingkole6179 Жыл бұрын

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.

@CodingPhase Жыл бұрын

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.

@DolanComic Жыл бұрын

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.

@alec3979 Жыл бұрын

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.

@gurrly Жыл бұрын

respect with the feedback!

@speechgenius6253 2 ай бұрын

Woooow great portfolio🎉🎉

@squabble3332 Жыл бұрын

IMHO landing often "jumping" and other common mistakes but looks great :)

@wayyyyn 9 ай бұрын

Excellente vidéo, tu mérites bcp plus d’abonné lol !

@cindy8533 11 ай бұрын

thanks for the advice

@chrissame Жыл бұрын

Yeah This is good. I don't know if I can do it. My skills are still quite "simple". I want to be a Frontend Developer, but I don't know...

@axelsomerseth 24 күн бұрын

I need to take some UX/UI or design courses. It’s so beautiful

@nwekemaxwell6595 Жыл бұрын

thanks.. this is inspiring

@robertjr8205 3 ай бұрын

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

@smartlifecrew5095 2 ай бұрын

Great work 👏👍❤

@jaktrak Жыл бұрын

Sweet I am almost there!

@zariyahcampos3565 9 ай бұрын

Man hes so good! 🎉🎉🎉🎉🎉❤❤❤

@mwu6057 9 ай бұрын

tnx dude Great tips

@oneofone_1333 Жыл бұрын

dope portfolio

@theinsoe8490 4 ай бұрын

Damn , that's really inspiring ❤

@MikeDue 8 ай бұрын

Great video man

@Amnahbrhm 6 ай бұрын

This portfolio is amazing! I really need to make one for myself, where can i found web design templates?

@camthecoder5206 Жыл бұрын

Beautiful portfolio!

@CodingPhase Жыл бұрын

It really is!

@I_am_kvma 7 ай бұрын

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.

@alexcruz8024 Жыл бұрын

Thank you!

@chy4938 Жыл бұрын

Awesome!!

@thekingleo4911 Жыл бұрын

This is really good!

@rl6382 9 ай бұрын

This video made me feel a lot better about where im at

@giorgimindiashvili3810 Жыл бұрын

thats was really good

@nathanmurphy8211 Жыл бұрын

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.

@jannickpedersen4620 Жыл бұрын

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

@AbhishekKumar-fl8bw Жыл бұрын

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.

@arielgalvez1533 10 ай бұрын

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