SP Front End Development Assignment
Created on: August 2022
Tech Stack: HTML, CSS, JavaScript, BootStrap 5
This career portfolio was built as part of my school assignment for the front end web development in SP. This is one of my first web development projects I had ever done and is by far one of my own favourite design. The website was built to be a career portfolio showcasing myself, my school, as well as my career aspirations.
As a bonus gimmick, the website uses JavaScript to dynamically re-render text to generate or changes text from one form to another in a very interesting way. When you first open the index page, you will be greeted with a welcome screen as shown above, but the text will be formed through a "glitch effect" where it will re-render until it displays the welcome text. And every time you open or close the nav bar by pressing the hamburger menu icon, it will generate/remove the nav bar through the same effect. (I would later learnt that clicking on the menu icon every time is actually annoying)
You can visit the website here, where I used it as my temporary "personal" website. The design and content remains intact ever since I made it. For the original code, refer to my github repo for this project here.