My Portfolio

This page is basically where I lay out all the stuff I've been up to – whether it's tackling challenges or diving into personal projects.
My portfolio is mainly for tracking my journey in web development, but I'm also adding in anything else that I think fits. I like to add to my portfolio often as it shows how much I am progressing.

Web Development

This section showcases all the challenges and personal projects I undertake. The majority of these challenges originate from FrontEnd Mentor, a platform that offers a diverse range of challenges, allowing individuals to enhance their skills.

Click image to enlarge.
Web Development Portfolio Example

A simple blog card.

FrontEnd Mentor

This is the first challenge I took on at FrontEnd Mentor. Although it is a simple challenge, it allowed me to apply my skills and receive feedback from the community.

Live View Source Code
Click image to enlarge.
Web Development Portfolio Example

QR Code Component

FrontEnd Mentor

Although this challenge looks similar to the first one, I took the advice given to me by the community and implemented it. My challenge solution passed with no detected issues the first time!

Live View Source Code
Click image to enlarge.
Web Development Portfolio Example

Social Links Profile

FrontEnd Mentor

This project is similar to the two previous ones; however, I utilized Tailwind CSS to construct it without employing any custom CSS. The only modification I made to the tailwind config was the addition of the FrontEndMentor custom colors.

Live View Source Code
Click image to enlarge.
Web Development Portfolio Example

Hubble Landing Page

FrontEnd Mentor

This project is a simple landing page built using HTML and CSS/SCSS and Font Awesome for social icons.

Live View Source Code
Click image to enlarge.
Web Development Portfolio Example

Advice Generator App

FrontEnd Mentor

This project is an advice Generator made using HTML, CSS and vanilla Javascript using the advice slip API this was my first solo Javascript project and I really like the result.

Live View Source Code