PORTFOLIO WEBSITE DEVELOPMENT
Project Name
JELE WEBSITE
Role
Website Dev & UX/UI Dev
Location
Windsor, ON
Team Size
Personal Project
Timeline
2022-Present

Overview

With so many drag-and-drop website builders available today, creating a site can be as simple as a few mouse clicks. But when I decided to build my personal website, I saw it as an opportunity to challenge myself and learn something entirely new. Despite being a mechanical engineering student, I chose to hand-code it from the ground up using HTML, CSS, and JavaScript. It wasn’t just about having a website — it was about pushing beyond my comfort zone, embracing the learning curve, and proving to myself that I could acquire new skills outside my primary field. This experience reflects how I approach every challenge: with curiosity, a commitment to growth, and the drive to build things that I can truly call my own.

Project Target

Driven by a desire to challenge myself beyond the scope of my mechanical engineering studies, I took on the self-directed project of building a personal website from scratch. My goal was not just to create a portfolio, but to strengthen my ability to self-learn and navigate unfamiliar territory during my free time. I dove into HTML, CSS, and JavaScript to better understand how computers and the web function — knowledge that I know will support future work in robotics and system control. Throughout the process,

I improved my problem-solving skills by facing obstacles head-on and developing solutions independently. This experience reaffirmed my belief in continuous learning and adaptability as core strengths that I bring to any project.

Solutions

At first, I followed YouTube tutorials, retyping code without fully understanding it. But over time, I began to recognize patterns and understand how each element worked, which allowed me to personalize my design. I focused on creating a minimalist, responsive layout that would look clean on any device while also delivering meaningful content.

As I dug deeper, I found myself increasingly drawn to the logic and creativity of web coding. I spent time researching other personal websites, analyzing different styles, and solving problems as they came up — often turning to Google and online forums to troubleshoot and learn. This experience not only gave me a solid foundation in web development but also strengthened my ability to self-learn, adapt, and overcome unfamiliar challenges. It reinforced the idea that with curiosity and persistence, I can expand my skill set well beyond my primary field — a mindset I’ll continue to apply in future projects involving robotics and system control.

Result & Archievement

  • Completed and launched the 1st version of my personal website after 2 months of hands-on coding and design work.
  • Gained significant practical experience in front-end development — the most in-depth coding project I’ve taken on to date.
  • Built confidence in my ability to learn new technical skills independently and apply them to create a functional, real-world product.
  • The project reinforced my belief in the value of persistence, curiosity, and stepping outside of my comfort zone to grow as an engineer.