Front-End Dev | CSS Wizard 🧙‍♂️ | React.js | Next.js | Linux God | Final year student @MMU | VIM user BTW

My journey in web development has been marked by a commitment to creating seamless and intuitive interfaces that not only meet but exceed user expectations. I thrive on the challenges of optimizing performance, ensuring cross-browser compatibility, and delivering visually stunning websites.

Netflix clone

Learned how to use Firebase to setup database and authentication as well as how to create protected routes.

Countries API

Learned how to pass parameters to the url with react router dom and how to filter countries by region.

NA Tours

I built this site using SASS, learnt some cool hover effects and and custom form styling

Hoo Bank

Learned how to integrate Tailwind with React and how to create incrementing numbers effect.

Foodie Zone

Learned how to use Swiper.js to create the testimonial section and how to loop through all testimonials.

Shortly

Learned how to integrate APIs to my application with vanilla JS to shorten links

Sunny Side

Interesting frontend mentor challenge, didn't learnt much out of it. Did it for practice only.

Space Explorer

Learned how to implement react router dom to create multiple routes and practiced using th useState() hook to add little bit of interactivity.

Moshified

Learned about the AOS library that adds animation to the page as I scroll and the darken() function in SASS to add simple hover effects to elements.

Kasper

This project challenged my vanilla CSS skills. Had fun building it shout-out to Elzero web school

Fylo

Fun frontend mentor challenge, how to toggle between dark and light mode using Tailwind.

Easy Bank

Another frontend mentor challenge, how to build mobile burger menus.

Loop Studios

Learned how to create interesting hover effects and animated the mobile menu toggler.

Manage

Learned how to add absolute positioned images to the background to add little bit of flavour to the site. This challenge is from frontend mentor.

Bookmark

Learned how to create accordions with vanilla JS. Added some absolute positioned background images to add little bit of flavour to the site. This is a frontend mentor BTW.

Omnifood

Learned how to add some interesting hover effects to my mobile links. This is a capstone project from Jonase's HTML/CSS Udemy course.

Portfolio project

Learned how to add interesting hover effects in the work section and how to add typing effect to my hero section. This project is from Brad's HTML/CSS course.

Portfolio2

The purpose of this project was to challenge my css skills. how to add some challenging hover effect to section names.

VR

Learned how to create video modals and how to add blurred backgrounds.

News Grid

Challenged my grid skills. This is from Brads's media HTML/CSS course.

Edge Ledger

Learned how to add favicon to my site and how to add image gallery with lightbox. This is from Brand's HTML/CSS coruse.

Secured

Learned how to implement react router dom v6 for the first time. shout-out to code commerce on youtube.