A lot of people have commented already but just putting in the 2 cents:
I would refrain from putting the title “engineer” anywhere on a resume or portfolio unless you have taken the qualifications of being a professional engineer and the rigors that go with it. Putting “developer” would be a much better title. Sorry, I am a bit anal on this because I studied engineering (not software) and people shouldn’t be designating themselves as engineers when they aren’t.
Your resume should showcase to your potential employer your best qualifications in the top 1/3 of the page. If I have to scroll to the bottom half to even start reading your experience I’ve already tossed it. Try a barebones template with just your Name/contact info/links to your portfolio/github/linkedin at the very top. Next your experience. Showcase to me that you have the experience of a front-end developer.
Try describing your experience section using the reverse STARL method (Situation, Task, Action, Result, Learned). The first sentence should describe to me what you’ve learned/major result – then the action you took to complete it. Describe the result quantitatively if possible.
Example: Developed front-end application to process payments 20% faster resulting in a 25% increase in user satisfaction from exit interviews
List your skills section as a very very small section at the bottom detailing how experienced you are with each skill. At most 1 line. Use the first 2/3 of the page to put your projects and go deeper into the technologies you used to create them. the last 1/3 should be any other work experience you have that isn’t specifically related to web development (this is where you put that you worked at xyz as a customer service or something etc).
Get rid of the entire format of your resume and rewrite it row by row. Nothing vertical. No colours. It’s just going to show up black when I print it out.
Lastly, only at the very bottom can you put 1 line about your extracurricular activities.
I.e.
Organizations: IEEE Member 2012- , Rock Climbing member at XYZ Climbing Gym, Ultimate Frisbee League Member of XYZ Team
Don’t get me wrong the extracurricular activities is important - it shows me that you have interests outside of web development it just can’t be the focus of your resume.
The big takeaways tl;dr for the resume:
Focus on the top 1/3 by showcasing your major projects
Clean and professional looking - no pictures, colors, goofy stuff put that on your website if you really want it
The resume is to show your competency not your personality.