The code for my portfolio site that showcases my projects.
Link to project: https://divi4.github.io/
Tech used: HTML, CSS, JavaScript, SCSS
Using the Stellar template from HTML5UP I wrote up the content and repurposed the features section to be used to showcase my other projects. I also altered the Javascript code to allow for smooth scrolling for all buttons on the site that are linked to anchors.
- Link inquiry buttons to form on the site using express.js routing
- Add more projects behind a 'show more' button
- Refactor the code and measure time saved on loading
I learnt how to make smooth scrolling work and learnt the basics of jquery syntax during it. I also learnt how to effectively reuse code to save time and reduce bugs.
Take a look at these couple examples that I have in my own portfolio:
Afterlife: https://github.com/divi4/afterlife
Restaurant Demo: https://github.com/divi4/demo-restaurant
Source (Mobile-first responsive website): https://github.com/divi4/source
Icons:
Font Awesome (fontawesome.io)
Other:
jQuery (jquery.com)
Scrollex (github.com/ajlkn/jquery.scrollex)
Responsive Tools (github.com/ajlkn/responsive-tools)