Frontend Challenges

This repository contains all the frontend coding challenges I complete, mainly from Frontend Mentor.
Instead of creating a separate repository for each challenge, I collect them here in individual project folders.

📁 Projects

From newest to oldest

Article preview component

This challenge focuses on layout techniques with CSS Grid and Flexbox, semantic HTML, and a responsive interactive tooltip menu. I added JavaScript functionality to toggle the share menu and close it on outside click.

🔗 Live demo
📂 /article-preview-component

Recipe page

The challenge Recipe Page focuses on semantic HTML and applying modern CSS layout and design practices. I added an option to toggle dark mode.

🔗 Live demo
📂 /recipe-page

✅ Social Links Profile

A responsive profile card challenge using HTML, CSS, and JavaScript. Includes fun extras like random developer quotes and local fonts.

🔗 Live demo
📂 /social-links-profile

✅ Blog preview card

A simple HTML & CSS challenge focused on layout and styling. I also added extra features like buttons to go back and forth.

🔗 Live demo
📂 /blog-preview-card

✅ QR Code Component

A simple HTML & CSS challenge focused on layout and styling. I also added extra features like a copy-to-clipboard button and screen reader support.

🔗 Live demo
📂 /QR-code component

More challenges coming soon!