Skip to content

patrickpiedad/personalWebsite

Repository files navigation

My Personal Website

This is the repository used to build my personal website. My personal website was one of my first major coding endeavors. It serves as both a holder for my software developer portfolio and a project in itself. Check it out at https://patrickpiedad.netlify.app/



animated



How It's Made

Tech Used: HTML, CSS, JavaScript, HTML5 Up, 11ty, Netlify

The base template is used from HTML5 Up, which gave a great starting point for the website. I learned a lot about the power of JavaScript through exploring the code base and tinkering with various components. Through trial and error, I made many changes to the code in order to make my website unique to me.

I also added blog functionality to the website through the use of 11ty to enable static site generation and Netlify as the host. This component addition made this project extremely rewarding, as it can now hold not only my introduction information and projects, but also my thoughts that I want to offer to the world.



Optimizations

  • Fine tuning website responsiveness with more media queries
  • Seperate blog areas for coding thoughts vs. other topics
  • Blog searchability, tagging, and sorting system
  • Blog post presentation on main website page to possible carousel view
  • Yearly color scheme changes


Lessons Learned

This project taught me a lot about the extent of what JavaScript can do. The fine tuning of animations and event handlers can really bring a website to life and provide an incredible user experience.

I also learned about statis site generation and the reusable bits of code that can be paired with your "front matter" to create a streamlined code base for future content additions.

About

Repository that fuels my personal website.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published