Hey everyone,
I found the project very useful to tie together the various things learned until now, it was definitely useful to work on a potential website from start to finish using also JavaScript. If I have to be honest I’m not obsessed with the final result, but just because I’ve learned a lot during it and would approach some things differently now.
My idea going into it was to try and create a portfolio website with a somewhat quirky/artsy aesthetic while also trying to be mindful of accessibility.
I left placeholders in many sections (bio, name etc) because I am waiting to learn more and have a better idea of my target audience/market before working on my “actual” portfolio website.
Time
It took me around a week (ca 40 hours) to complete the project, with probably around 50% of that time working on the actual code and figuring out how to do things, and the remaining 50% choosing the structure & design, as well as fixing some issues (mostly the issue I had when I switched to hosting the Font Awesome icons myself)
Difficulty
I don’t feel like the project was necessarily difficult per-se in terms of the requirements, I think it depends a bit on how you choose to approach it and what you want to get out of it.
Personally I tried to pretend that it was a real life job, so I might have spent extra time on some things that weren’t essential, but to be honest I am happy I did it because it helped me learn a lot of useful things!
JavaScript Animations
- Bouncing arrow to direct the user to scroll down, which disappears as one scrolls down
- Main content that appears as the user scrolls into the main area
- Names of the skills icons that appear when one hovers/touches them
I also tried to make the project buttons (source code/live site) switch from icons to text when hovering (or clicking) on them, but ended up doing it with CSS
Links