You are browsing as a guest. Sign up (or log in) to start making projects!

7h 31m 57s logged

My Own Portfolio

Welcome to my first devlog! This project is a personal portfolio website that I’m currently building to introduce myself and showcase my development skills. So far, I’ve implemented an animated timeline, JavaScript particle effects, page transitions, and other interactive features. I’ve had a lot of fun building it, and I really hope you enjoy checking out this project!

Features

  • 🏠 Multi-page website with navigation
  • ✨ Page loading transition
  • 🎲 Random welcome messages with repetition prevention using session storage
  • 🎉 Click particle effects created with JavaScript
  • 📅 Interactive timeline with hover animations
  • 🎨 Custom styling using CSS animations and transitions

Built with

  • HTML
  • CSS
  • JavaScript
  • Vite

What I Learned

  • Structuring a multi-page website
  • Using sessionStorage
  • Creating animations using requestAnimationFrame
  • Making loading screens to hide flashes of unstyled content

What’s Left?

  • Remove placeholder text from pages
  • Improve animations and transitions
  • Make the site more interactive
  • Make the portfolio more personal to me

Hope you like it :D

0
336

Comments 2

@omarhossdev

I didn’t just like it but I loved it ♥️♥️
Great job making this timeline, it shows real development skills!
Also your custom CSS design is clean and beautiful but make sure to add Responsive design and more personal content about yourself and the website will be AMAZING 🔥
Nice Job, Keep up that great work 💪

@iamcyrusdaniel

@omarhossdev Thank you so much for your feedback I really appreciate it! ♥️