This is the my personal portfolio website. I've spent countless hours developing this site and pushed myself beyond my skills to add aspects that, while they may not be the most noticeable, were important to me and ended up in my toolbox (who knew tool-tips were such a pain?). I developed it with a11y in mind and from a mobile-first standpoint. This is the second version of my portfolio, and the fourth iteration of this version. As I learned more working on other projects and studying, I came back and incorporated that knowledge into this site. As a result, I've been able to cut out well over a thousand lines of code and ended up with much cleaner and readable code. It may not the the flashiest website of a developer, but it scores well with Lighthouse (Google analytics dings the score, as always) and loads quickly, two more important factors to me.
Visit: achulslander.com
Repo: https://github.com/alleycaaat/achulslander.com
Table of Contents
- Media queries for a responsive design
- Developed for mobile screen first
- Sticky navigation bar on large screens
- Collapsible side navigation on small screens
- Section navigation with the useRef Hook
- REST API to retrieve Hashnode posts
- Modal feature for viewing portfolio pieces
- Various elements slide into view upon scrolling
- Tooltips on hover on icons
- Smooth scrolling only when needed to prevent modal issues
- A photo of a cute horse
As my cats and dog aren't too keen on providing input on my projects, feel free to send me a message if you have some constructive comments, or file an issue if I really buggered something up.
AC Hulslander - Send me a message
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent