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.