I remember having grand ideas for my the Portfolio project when I first came across it, but had little knowledge of CSS or JS. Plus I had no experience writing projects above 200 lines, which eventually changed due to FCC. While I still haven’t done everything I wanted to, I’m still a lot happier with this one.
So after a few months, I have decided to refactor my portfolio completely, avoiding Bootstrap, which I have grown to dislike apart from its grid, and JQuery, which is great, but usually unnecessary and has a huge download size.
If you’re interested, check it out at : https://imtoobose.github.io/
I learned a bunch of things:
- Using Gulp with Browserify and Live Reload, as well as compiling Babel, Sass and Pug (the three preprocessors I was using) files automatically. I had a better idea of how I want to structure project hierarchies for larger front end work as well.
- Lazy loading scripts and images for a better load time
- Some basic experience with Greensock’s fantastic animation library GSAP, which is what I’m using for my scrolling portfolio slideshow
- Writing modular client side code. This really helped with being organized and not having to deal with a messy script file
- A small lesson in how OOP is fantastic when using canvas, and a lot more
- That I should probably be using React to manage my views, but it was too late and I was too lazy
- The importance of following a style guide with variables
I appreciate reviews, suggestions and any bugs you find, so I can squash them soon!
Test it out at
<768px sizes to see the responsive design (Refresh when you resize to below 768px).
For contrast, here’s my original portfolio: Codepen
The source code for the new one can be seen here: Github
In case you skipped to the end here’s the portfolio site again Portfolio
A lot of the design is heavily inspired by one of my favorite sites ever Waaark