Banner image with my name: Stefi Rosca

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

Profile image with me holding a purple penny board -Stefi

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