Portfolio/CV review

Hi guys i finally finished my portfolio and i am exited to show it to potential recruiters for my first job in web dev. What do you guys think of it? Am i ready to apply for a junior position or is it too early?
My skills at the moment are JS, react and styling but im currently learning more back end focused technologies like node.js and sql just to have a general idea of what is going on behind the scenes but i want to focus on the front end side of things for my first job

portfolio : https://murad-arraje.netlify.app
cv: resume button on portfolio redirects to linkedin where i have my cv

HI @shigo !

Welcome to the forum!

Just a couple of things.

I really like your designs.

Be careful with the names for the languages.
It should be JavaScript not Javascript.
Sometimes for the projects you have html instead of HTML.
Correct names and consistency is good.

There are a couple of issues for responsiveness at certain break points for the about section.

I think it would be nice to see the project names and images.
Right now it reminds me of a memory game :grinning:
Also, it would be nice if there were links to your code underneath each project.

Some people might not want to login into linkedin just to see your resume.
So I would probably move that over to a separate page or another link.
You just want to make it easy to access.

I think you can start applying and see what kind of feedback you get.
From there, you can continue to make changes to your work based on how employers perceive your application.

Hope that helps!

1 Like

Now that’s what I call feedback :rocket::rocket::rocket: For the about section problem, the first screenshot, at what breakpoint becomes like that? (the second screenshot is the desired layout on mobile view with the first text on the left and the second text with right alignment , but do you reckon it doesn’t look good?) .
Thank you very much @jwilkins.oboe this was very helpful and I’m already applying the changes.

It first happens at 767px.

I just checked it on my phone and the right edges lined up better than when I originally resized the browser on my computer. So that one is fine.

Yes, when I manually resize all sort of strange things happen between breakpoints but if I set the viewport to multiple devices in dev tools( tried different iPhones, tablet and android phones) it resizes in the proper way. But maybe it won’t work properly in other less known devices.
Thank you again, J you’re a star!

1 Like

Some nice frontend skills on display, keep that up,

I wouldn’t list anything called an ‘amazon clone’ on your cv, you can’t build an amazon clone,

I would get some freelancing experience where you can really put your frontend skills to work,

Don’t go too over the top on the css, it’s sort of off putting if it’s too crazy, I think there’s a very fine line between standing out and having a weird UI, you’re about on the cusp of that line,

people always ask on here if they’re ‘job ready’, if you have 6 repos and a pomodoro clock on your portfolio the answer is probably not, but keep going you will be and you have some good skills on display already

hi, @miketandy thank you for reviewing!!
I get what you mean I should probably change it to an Ecommerce Website, I titled it amazon clone because while coding I was getting inspired by the actual amazon site for the layout but then changed it a bit.
For the styling where do you think I might have exaggerated?
Also, I don’t use Github much, I only uploaded the projects showcased in the portfolio but I have plenty of other projects. I just thought that they wouldn’t be that meaningful to add because they showcase the same skills or technologies used in those 6. Do you think it’s still good to add them to my Github?
Also wasn’t sure about displaying projects like the ones of the FreeCodeCamp assessments but I see that a lot of people actually do so I thought it was alright.

It’s obvious that you put a lot of effort into your work and that looks great on this part. You are on the right track based on what I see.

But overall the resume is lacking technically and I doubt that it would pass resume screening for full-time positions besides small boutique companies. I am about to roast your resume, I will keep my points straight forward. Take whatever makes sense to you.

First the resume format:

  • Don’t use two columns layout, many HR systems don’t process that well and this will put draw you down to the bottom of the candidate list. Great resume format to look at
  • Using conventional resume layout is the way to go, unless you have something extremely creative and willing to take the risk
  • Overall technical aspects of your background look really week when relevant information is less than half of the resume. You need to beef up them up
  • Put the resume in single column top to bottom structure, for ex:
name
contacts
summary
skills
experience
education

Summary:

  • No need to give out non-factual information about yourself, especially things that are self-proclaimed regardless of they are true or not. You could have them in the cover letter if you like.
  • If you are putting about me section, put the technical summary and achievement for your background. For ex:
Aspiring software engineer with 1 year of full-stack web development background, has built and scaled application that has impact xxx  users using xxx technologies

Contacts:

  • Don’t need QR code, very unlikely any recruiter would spend the time scanning and do anything with it

Skills:

  • Remove non programming-related or trivial skills like Photoshop, WordPress, git(if you have GitHub, it already shows that) and so on out from your skills section. Keep learning more complex project and put more technical skills into it

Experience:

  • while you don’t have any relevant experience, it’s unlikely you will land any serious full-time job. Your best bet will be to gain experience thru internships, apprenticeships, freelancing, and even helping out friends & family building web-related stuff. Complete blank experience section looks really bad for a full-time position

Personal Project:

  • This is the place where you have the best shot to impress your employer besides experience. Try your best to build awesome complex projects to impress them!
  • missing github link
  • Deploy the app and have it available as live demo
  • decribe the impact and outcome of the project, make up something fancy, give a mission to your project
  • technical description needs to be “technical”, instead of did xxx with yyy. Fill in details like metrics, particular pattern you used. For ex:
• Designed and integrated a pipeline that monitored, scraped and deduped over 5,000 raw data daily into
clean entities that serve as the site's directory (Python · RabbitMQ · PostgreSQL · Jenkins)
• Implemented middleware and setup auto-scaling groups for caching, reverse proxy and load balancer that
optimized servers performance and fault tolerance (Nginx · AWS EC2 / ECS)

Education:

  • Remove unformal or vague things, like Books, Online Documentations
  • If you really insist to put them, put more description on them. For ex:
Online Courses:
MIT Computer Science Complete Open Course
course work: Theory of computation, algorithm and data structure, database management
Books:
XXX system design by YYY, ZZZ intro on XYZ programing language
Freecode camp, frontend certificate

I could see you put a lot of effort into your portfolio, keep working hard and you will get there. Wish you the best of luck.

1 Like

Thank you @yuchiu that was extremely helpful, CV is hard for me to write especially because I have no commercial experience in web development and I have no degree at all, so I don’t know what to put in that section. I was thinking about the freecodecamp certificates just for the sake of not leaving it blank(I’ve completed the first 3 so far ).
I’m trying to get some freelance experience but do I need some commercial experience even for junior positions?
Thank you for your support !!

Glad it helped.

Since I’m in the US what I am speaking will be based on what I see.

The bar of junior position(or anything) is always relative. The key is to know what are your competitors has in their hands vs you. You don’t have to be the fastest runner in the world, but you will need to be ahead of the curve within your cohort.

For US absolutely yes within today’s market, any junior position will likely receive 100+ applications in tech hub areas. It will be against your odd if you are missing any common background, and if you are you will have to exceed in other areas to make up for it.

You could be more strategical and do some research and see what the bar is. Find out what other candidate’s resume like for the position that you are interested. If you can’t find good market data or other candidate’s resumes, just put a job post for junior position and you will get some insight of people you competing with.(not suggesting you to this, just listing it as a example)

1 Like

That’s cool so if you have loads of other projects get them on github, you want to look active on github over a long period of time so just keep making commits,

Personally I think the fcc projects aren’t great for portfolios they’re too small and basic,

If I were you I would try and build a real world website for someone else’s business from the ground up… that way you have a real world project, you will have worked with a client (even if you’ve done it for free), you can then use that project to get more freelancing experience and eventually a job. A big part of web dev is working with and for other people so if you can get experience collaborating with other people then that’s valuable experience. You can also talk in detail about that project in interviews and on your cv.

With the ui stuff I meant animations… it can be easy to go over the top with animation but I would always keep animations subtle, you don’t want to give users a headache. things like the cursor, the big menus that slide across the screen… keep it subtle and focus on how animation helps a user understand how to use the website such as a button slightly rising on hover to show it’s clickable, rather than animation for animation’s sake and whizzy effects. just think is the animation appropriate to the project / helpful to the user / purposeful - there for a reason…

1 Like