Skip to content

First iteration of my portfolio website - jbergendahl.se 🥳

Notifications You must be signed in to change notification settings

vjohannesb/portfolio

Repository files navigation

jbergendahl.se - v1

🎉First iteration of my portfolio website jbergendahl.se

Website in Dark Theme Website in Light Theme

📜 Description

A relatively simple portfolio website built in ReactJS, with TypeScript. Initiated with create-react-app, and some edits to the TypeScript template. Some elements use Bootstrap for certain design purposes, but most of it is done in SCSS.

🔴 Attribution

Feel free to refer to my repo, or my website, if you decide to use any major part of this - I did spend some time on getting everything how I wanted it to be, and some sort of credit would be nice. Other than that, all is free to use however you please! And with that said, please feel free to report bugs or submit pull requests with improvements. Any and all help is greatly appreciated ☺

📦 Extra Packages

  1. react-router-dom for routing
  2. react-text-loop for animated text
  3. react-transition-group for transitioning between views/routes
  4. react-tsparticles for particle background (not implemented yet)
  5. ESLint & Prettier for linting and formatting
    1. eslintrc.js & prettierrc.js inspired by Joe Previte's article (GitHub) but altered in some ways
    2. Make sure to install the dev-dependencies if you're planning on using this
  6. (Bootstrap via CDN as most people most likely have it cached anyway...)

🔜 Future iterations

My plan is to update this continously, when I have the time to do so. Ideas for future improvements include:

  1. Less reliance on external packages
  2. No Bootstrap
  3. Projects-page needs a revamp
  4. Minor design changes here and there...

⭐ Credits

  1. Some parts inspired by brittanychiang.com (GitHub Repo)
  2. Some other parts inspired by elinorehagman.se
  3. Googling "programmer portfolios" for inspiration...
  4. Illustrations from unDraw 🌟
  5. Yours truly 🤷‍♀️