Portfolio is a longer version of Resume, but some people make it like a website to show their creativity and skills. Recently I made and deployed my portfolio website under my own domain https://itsrakesh.co. I got so much appreciation and amazing feedback for this. So in this blog, I am sharing how I made it, things I learned throughout building it, challenges I ran into and I will explain how all the things are connected. I also give you some great resources to create a profile.

Now, there are lots of tools out there to generate a portfolio website for you. But I decided to build myself to practice my skills and to make it more customizable.

Let’s get started

Before we start

• Code is available on Github. (Star it — Fork it — Use it)

Tools, technologies, frameworks, libraries

• Common tools are listed here.
• Language — JavaScript
• Frontend — ReactJs, Bootstrap, Sass
• Backend(RESTApi) — NodeJs, ExpressJs
• Hosting — Netlify, Heroku
• Third-party APIs — Dev
• A bunch of npm packages

File Structure

Frontend