*by a junior developer.
Hello there, I recently started my first role in software development! A big part of the process was putting together a portfolio website to showcase my skills and help me to stand out. Now I'd like to share some of the tips I've learned for anyone else looking to create their first portfolio site.
Don't worry about having lots and lots of projects in your portfolio. One or two really polished projects are far more impressive to potential employers than lots of small practice projects. These projects should be ones that you are really proud of and you should feel confident about discussing your ideas and processes. Test these projects and make sure everything is working! It's also a good idea to host live versions of your projects too.
Practically everyone has a smart phone now, so it's extremely likely that people will use their phone to view your website. This means that your site needs to be responsive, so it looks good on all devices. Responsive design is really an essential skill to have as a developer, so it's important to showcase that you understand it. Even if your goal isn't to be a frontend developer, you'll definitely lose marks if your site looks ugly and squished on a phone. I highly recommend learning how to use Flexbox if you don't know it already, as this will really help you. CSS Tricks has a really good explanation of what Flexbox is and how to use it. You can also learn it the fun way with these games, which I particularly enjoyed:
It's a good idea to sketch out the layout of your site (like a basic wireframe) so you can plan what you need to build. I personally think that one-page websites work really well for portfolios, as it allows recruiters/potential employers to easily skim through it...I also just like the way that it looks quite fluid. When it comes to the styling, try to choose just 2 accent colours that compliment each other well, as this looks pleasing to the eye and helps to tie everything together. I also recommend choosing one modern and clean looking font throughout; but if you decide to use another font for titles for example, just make sure it compliments the other font so it doesn't look like a mistake.
This is optional of course, but you will definitely look more professional with a url like www.yourname.com, rather than one that looks like random gibberish. It's also more memorable and easily sharable.
So those are just a few of my tips, but if you have any other useful tips, please add them in the comments!