Frontend for your portfolio¶

Estimated time to read: 3 minutes

Here goes a curated templates for a quick start: - https://github.com/techfolios/template - the easiest one - https://github.com/rammcodes/Dopefolio - straight to the point developer portfolio - https://github.com/ashutosh1919/masterPortfolio - animated with a strong opening - https://smaranjitghose.github.io/awesome-portfolio-websites a good compilation on how to build and deploy your portfolio with a good pre-made template

But for this class, we are going to follow this template, sofork this boilerplate if you want a more robust webapp experience.

Frontend frameworks¶

There are many frontend frameworks floating around, but in order to speed up your learning curve on how to deploy a fully customized webpage, I am going to use this combination of technologies:

• React for building website;
• Vite for tooling;
• Tailwindcss for styling;

Some examples with this stack:

• https://reactjsexample.com/a-portfolio-page-using-react-js-and-tailwind-css/
• https://github.com/InfiniBrains/reactjs-vite-tailwindcss-boilerplate

Watch this video to get a fast entry to this stack Here goes an introductory video about this combination.