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

Подписаться 121 тыс.

Просмотров 1,2 млн

50% 1

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

Опубликовано:

6 мар 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 474

@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 5 месяцев назад

😂

@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 10 месяцев назад

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!

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

@rehnellblackett6396 Год назад

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

@kevstr432 Год назад

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

@CreativeMonsterx Год назад

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

@CodingPhase Год назад

Glad you enjoy it!

@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 Месяц назад

@@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 20 дней назад

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!

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

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

@Doonutzs Год назад

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

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

@xxnario7286 25 дней назад

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

@islamabdelhakiim7258 Год назад

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

@nateivecode 9 месяцев назад

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 3 месяца назад

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

@kirilcherry7612 3 месяца назад

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

@decisivestrikegymdsg1574 7 месяцев назад

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

@_Sonato 11 месяцев назад

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?

@ayepea4471 5 месяцев назад

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

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

@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

@guilhermeh.v.santos7424 9 месяцев назад

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

@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 17 дней назад

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

@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

@bratislavZdravkovic98 10 месяцев назад

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 RU-vid 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.

@dennyashitey 8 месяцев назад

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

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

@dexkode5558 Год назад

This is mad clean !!!, nice job Stefan

@ayepea4471 5 месяцев назад

so glad to have discovered this type of content

@depanama6281 Год назад

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

@lalalala405 10 месяцев назад

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

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

@bripowered Год назад

Awesome portfolio. Thanks Joe!

@abdikadirQulle Год назад

This guy is very hard worker🐐

@OleksandrBorysenko333 10 месяцев назад

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

@WonduKelbessa Год назад

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:

@antboiunleashed Год назад

Great job! Keep up the excellent work!

@Zakaros1000 Год назад

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

@fidelisuzoma9421 21 день назад

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

@goodgamershow6505 Год назад

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

@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

@giftmukupe1 28 дней назад

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

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

@dkthepunisher Год назад

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

@CodingPhase Год назад

Glad you like it!

@uncodeinternet Год назад

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

@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 21 день назад

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

@_itshenry Год назад

This portfolio is 💥💥

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

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

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

@peterAI976 Год назад

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

@CodingPhase Год назад

Glad you like them!

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

@JMac96 11 месяцев назад

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

@MrAlexu20 Месяц назад

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

@gurrly Год назад

respect with the feedback!

@axelsomerseth 22 дня назад

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

@arthkulkarnihere7274 20 дней назад

Habibi come to INDIA This can be considered simple and made by beginner developer.

@nwekemaxwell6595 Год назад

thanks.. this is inspiring

@robertjr8205 2 месяца назад

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

@cindy8533 11 месяцев назад

thanks for the advice

@alexcruz8024 Год назад

Thank you!

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

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

@wayyyyn 9 месяцев назад

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

@shubhamnema9111 Год назад

Nice Portfolio by this Boy

@chy4938 Год назад

Awesome!!

@squabble3332 Год назад

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

@oneofone_1333 Год назад

dope portfolio

@jaktrak Год назад

Sweet I am almost there!

@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

@gktgknr 4 месяца назад

Awesome

@theinsoe8490 4 месяца назад

Damn , that's really inspiring ❤

@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 9 месяцев назад

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

@MikeDue 8 месяцев назад

Great video man

@zariyahcampos3565 9 месяцев назад

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

@mwu6057 9 месяцев назад

tnx dude Great tips

@smartlifecrew5095 2 месяца назад

Great work 👏👍❤

@Amnahbrhm 6 месяцев назад

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

@azkatshi6380 11 месяцев назад

Génial la vidéo

@huseyincumal5259 Год назад

Awasome

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

@mohamedazlaoui4217 Год назад

this guy shouldn't be working for anyone . he is a master at his craft ...give him some assistants and let boy work his magic.

@livanki6883 11 месяцев назад

My advice to this guy is to not mention he is from Serbia. People just wont hit you up but if you can get to the interview phase where they already contact you etc. they're more likely to negotiate from there.