My Projects

Here are some of the projects I have been working on throughout my studies and indepently.

Expanding cards

I completed this project by following the 50 projects in 50 days course on Udemy. The project uses css to style the 5 expanding panels and uses flexbox to position everything correctly. The project also uses JavaScript event listener to listen for a click and once a particular card has been clicked it will be assigned a class of active which will allow the card being clicked to expand. Check out the GitHub Repo

Shaun Finnegan Project 1

Blurry Loading

This Project which is also part of the udemy course 50 projects in 50 days enabled me to learn how to map one range of numbers to another range of numbers using Javascript. this can be seen as at 0% the image is blurry and at 100% the image is clear and in focus. Check out the GitHub Repo

Shaun Finnegan Project 2

Split Landing Page

This project is an extension to the expanding cards project it consists of two images side by side that both contain content and when the user hovers over one of the images it will expand to a width of 75% whilst the other image retracts to 25%. Check out the Git Hub Repo

Shaun Finnegan Project 2