Project: Fandom Build

Project Overview

This was my very first independent build, where I aimed to create a modern, visually engaging page based on a childhood hobby. My goal was to highlight a trend that remains relevant today. Through this project, I gained valuable experience with web development fundamentals and explored concepts that extended beyond basic design. I focused on:

  • HTML, CSS, and JavaScript: Structuring the page, styling it with modern aesthetics, and adding interactive elements.
  • Animations: Bringing the page to life with smooth, dynamic effects.
  • Modal Pop-Up Windows: Enhancing user engagement with interactive overlays.
  • Anchor Tags: Seamlessly linking users to external resources, including how-to media streams and e-commerce sites.
  • E-Commerce and Collaborations: Experimenting with beginner-level e-commerce strategies and integrating with third-party platforms.

This project remains open for future updates and improvements as I continue to refine my skills and expand its functionality.

Project: Battleship Build

Project Overview

Built using HTML, CSS, and JavaScript, this project was a pivotal step in my journey to strengthen my JavaScript skills, where I initially had the least experience. Through this build, I gained hands-on practice in:

  • Calling and organizing functions effectively.
  • Writing and manipulating classList properties to dynamically manage elements.
  • Gaining Experience with: for-loops to create more efficient and reusable code.

While this project isn’t an all-encompassing JavaScript showcase, it laid a solid foundation for me to grow my understanding and apply it to future projects. It’s a work in progress, just like me (aren’t we all? 😄).

A big thank you to Kubowania, CodeStacker, and Web Dev Simplified for their insightful tutorials that made this build possible.

Project: HVAC Website

Project Overview

This was my third project and my first opportunity to take on a larger-scale build, creating a comprehensive, fully functional website for a family member's heating company. The project gave me valuable hands-on experience working with:

  • HTML, CSS, and JavaScript: Designing and developing a cohesive 19-page website.
  • Animations: Adding dynamic, engaging visual elements.
  • SEO Optimization: Gaining foundational experience in search engine optimization and strategic call-outs.
  • Folder Structuring: Organizing and calling files efficiently across a multi-page site.
  • Anchor Tags: Creating seamless internal navigation and integrating collaborative external links.

This project also helped me grow my collaboration skills. I worked closely with my family member to create punch lists, address feedback, and refine the website’s overall look and functionality.

While the site is not live, it served as an important proof of concept—challenging me to push the limits of my current knowledge and skills. I’m excited to keep learning, improving, and taking on even more ambitious projects in the future!