Welcome!

This page was created to highlight the projects I will be building throughout the 50 Projects in 50 Days - HTML/CSS and JavaScript Course created by Florin Pop and Brad Traversy. The goal is to sharpen my HTML, CSS & JavaScript skills by building these 50 quick, unique & fun mini projects.

If you want to know more about me feel free to go back to my portfolio page

Get in touch!

50 PROJECTS

Sharpen my HTML, CSS & JavaScript skills by building 50 quick, unique & fun mini projects by following the 50 Projects in 50 Days - HTML/CSS and JavaScript from Florin Pop and Brad Traversy.

Expanding Cards

Learned about transitions in CSS.

Live Demo

Progress Steps

Getting more confident with basic CSS like position absolute and relative

Live Demo

Sliding Navbar

Making things appear and dissapear with CSS and JS

Live Demo

Hidden Search Widget

Learned about input.focus() that is used in React with refs.

Live Demo

Blurry Image Loading

Working with setInterval, clearInterval and the blurry function in CSS.

Live Demo

Scroll Image

Learned about getBoundingClientRect(), transform, transition and overflow to stop the horizontal scroll.

Live Demo

Split Landing Page

Fun project to practice more CSS.

Live Demo

Form Input Wave

Learned some cool new tricks which I wrote about here

Live Demo

Sound Board

Learned a bit about using sounds on websites.

Live Demo

Go back to top