Website Portfolio ver.1

Crafted a dynamic and visually compelling website portfolio, showcasing a diverse range of projects and skills. Designed for optimal user experience, the portfolio reflects a creative and professional identity, emphasizing technical proficiency and a passion for innovation.

Web illustrations by Storyset

Background & Purpose

The purpose of this project was to create a personal portfolio website to showcase my skills and progress as a novice developer. This website will serve as a platform to demonstrate my technical abilities and projects I have completed, as well as provide information about me. As technology continues to play a significant role in many industries, it is important for me to showcase my skills and abilities in programming and my aptitude for learning new skills. A personal portfolio website is a perfect way to do this, as it provides a centralized location to highlight my technical projects and relevant information about myself. Additionally, building a portfolio website from scratch will provide me with the opportunity to learn and apply various programming concepts, tools, and frameworks. The final product will serve as a tangible representation of my growth as a developer and a tool for future job opportunities.

Design Process

Discover

Crafting my portfolio, I embraced agile/scrum for flexible, iterative development. Prioritizing key features and goals, I continuously improved. In the discovery phase, I sought design inspiration.

Define

In setting project scope and goals, I defined the project's features and functionality. I also outlined specific learning goals related to programming concepts.

Ideate

In the ideation phase, I established a product backlog, detailing portfolio requirements with feature descriptions, priorities, and dependencies.

Design

In the design phase, I crafted initial design mockups. Employing Trello and the product backlog, I organized work into 1-2 week sprints, focusing on specific feature subsets.

Review

I tracked progress, addressed blockers, and planned for the next day. After each sprint, I reviewed and demonstrated results, iterating until all backlog features were completed for the website's launch (e.g., HedgeHour).

Results

In this personal project, I took an agile/scrum approach to creating my personal portfolio website as a demonstration of my ability to work within a team in a real business setting and apply project management principles. By following this method, I aimed to showcase my understanding of agile principles, my ability to work collaboratively towards a common goal, and my understanding of project management concepts such as scope definition, planning, risk management, etc.

Throughout the project, I applied the key elements of agile, such as daily stand-ups, sprint planning, and sprint retrospectives, as well as project management techniques such as risk identification and mitigation, project documentation, and progress reporting to ensure that the website was developed efficiently and effectively. The result was a comprehensive personal portfolio website that demonstrates not only my technical skills, but also my ability to work in an agile environment and deliver high-quality results within a structured project management framework.

mockup

Technical Skills Obtained & Tools Used

  • Backend Expertise

    Leveraged backend programming skills for the personal portfolio.

  • API Integration

    Developed an API endpoint using Web3Forms API for secure contact message submissions.

  • Email Validation

    Integrated WhoisXML API for email validation before processing contact requests.

  • Security Enhancement

    Implemented Google reCAPTCHA for enhanced security, safeguarding form submissions from malicious bots.

  • User Experience Focus

    Ensured a seamless user experience throughout the contact process.