Skip to content

mdohr07/Frontend-Challenges

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

55 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

Screenshot of 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

Screenshot of 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

Screenshot of 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

Screenshot of 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

Screenshot of QR Code Component

More challenges coming soon!

About

Challenges from Frontend Mentor that I've done

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published