Do you know the process of creating a Portfolio website?

Do you know the process of creating a Portfolio website?

Making your personal portfolio can be tricky. So I have written down some points which will help you in designing your first ever portfolio website! Let's get started.

undraw_building_websites_i78t.png

The first step is to go to Google and search- "simple and best portfolio websites".

  1. Browse through different portfolios and take inspiration.
  2. Some portfolio may have a beautiful navigation bar, others may have interesting buttons.
  3. Choose your liking and roughly think about how your portfolio would look.
  4. After having a rough idea, you can use tools like Figma to put your idea into a picture.
  5. If it looks good, then proceed to the next step; if not, then make minute changes till it looks good.
  6. Now you can try to replicate your website design using HTML, CSS, BOOTSTRAP, etc.

Now if you don't want to make a design using tools like Figma, then-

  1. If you don't have a fixed design in mind, then try to create a component library.
  2. It should have all the elements your website may contain, eg: navigation bar, links, headings, small texts, lists, footer, etc.
  3. Now to get started, choose a nice legible font from google fonts.
  4. To use the font, import it.
  5. Next, select a nice color from Tailwind CSS colors; you can also choose more than one color in your design. But see to it that it doesn't look like a Christmas tree.
  6. Minimalism is often appreciated.
  7. Now choose a hero image for your website. If you don't already have an image to put in your portfolio then go to unDraw to select illustrations of your choice. Put it in an images folder.
  8. Now according to the design of the component library, start building your website.
  9. You can use languages like HTML, CSS, Javascript, etc, and VSCode to make your website.
  10. While making a portfolio it is important to personalize it.
  11. There will be times when you will get stuck. The best way is to google your query using appropriate keywords.
  12. Troubleshooting helps a developer grow, so before asking a friend or a mentor, try to solve it yourself.
  13. While writing your code, keep pushing it to GitHub using appropriate commit messages.
  14. Once your writing part is done, finally push it to GitHub and host your app on Netlify.
  15. Add your hosted link to GitHub and other social media platforms, and showcase it to your family and friends.

Congratulations! By understanding these points, you can proceed to create your own portfolio website! You are free to use any tools of your choice, regardless of what's mentioned above. #HappyLearning #KeepCreating