/port

Dynamic Portfolio Webpage Vanilla JavaScript and CSS

Primary LanguageEJS


Dynamic Portfolio Webpage Vanilla JavaScript and CSS

Hello there 👋

This webpage showcases my proficiency in crafting dynamic web experiences using only vanilla JavaScript and CSS. While inspired by a YouTube tutorial via CrypticalCoder. I've extensively customized and enhanced the original design to align with my personal vision.

I began by meticulously analyzing the tutorial's code, gaining a deep understanding of its structural and design principles. From there, I tailored the project to my specific requirements, incorporating new elements and features such us "swipe and tap" functionalities with lazy loading. 

For a more detailed exploration of the project's journey and capabilities, please visit the 'Read More' section at the project page.

Key Features

  • Lazy Loading - Optimizes page performance by deferring the loading of non-essential elements until they are needed.
  • Embeds - The website includes embeds to display external content including Youtube, Codesandbox and Github pages.
  • Swipe Functionality - Using hammer.js can recognize gestures made by touch, mouse and pointerEvents.
  • Custom Animations - Smooth transitions and effects enhance the overall user experience.
  • Enhanced Functionality - Additional features and interactions have been added to provide a more engaging experience.

Run 🚀

HTML, CSS, vanilla-JS only, you just need to clone it:

git clone https://github.com/AndrasE/port

cd PROJECTNAME

open index.html