Frontend-Mentor-Challenges

This repository contains some challenges from Frontend Mentors.

Finished Projects

Difficulty
Newbie	⭐
Junior	⭐ ⭐
Intermediate	⭐ ⭐ ⭐
Advanced	⭐ ⭐ ⭐ ⭐
Guru	⭐ ⭐ ⭐ ⭐ ⭐

Name	Live View	Difficulty	Technologies / Approaches
QR code component	view	⭐	HTML, CSS
NFT preview card component	view	⭐	HTML, CSS
Order summary component	view	⭐	HTML, CSS
Stats preview card component	view	⭐	HTML, CSS
3-column preview card component	view	⭐	HTML, CSS
Profile card component	view	⭐	HTML, CSS
Single price grid component	view	⭐	HTML, CSS
Four card feature section	view	⭐	HTML, CSS
Ping single column coming soon page	view	⭐	HTML, CSS, JS
Intro component with sign-up form	view	⭐	HTML, CSS, JS
Huddle landing page with a single introductory section	view	⭐	HTML, CSS
Base Apparel coming soon page	view	⭐	HTML, CSS, JS
Social proof section	view	⭐	HTML, CSS
Product preview card component	view	⭐	HTML, CSS
FAQ accordion card	view	⭐	HTML, CSS, JS(React)
Article preview component	view	⭐	HTML, CSS, JS(React)
Interactive rating component	view	⭐	HTML, CSS, JS(React)
Huddle landing page with curved sections	view	⭐ ⭐	HTML, CSS
Interactive card details form	view	⭐ ⭐	HTML, CSS, JS(React)
News homepage	view	⭐ ⭐	HTML, CSS, JS(React)
Expenses chart component	view	⭐ ⭐	HTML, CSS, JS(React)
Intro section with dropdown navigation	view	⭐ ⭐	HTML, CSS, JS(React)
Advice generator app	view	⭐ ⭐	HTML, CSS, JS(React), API
Time tracking dashboard	view	⭐ ⭐	HTML, CSS, JS(React), Data
Loopstudios landing page	view	⭐ ⭐	HTML, CSS, JS(React)
Tip calculator app	view	⭐ ⭐	HTML, CSS, JS(React)
Notifications page	view	⭐ ⭐	HTML, CSS, JS(React)
E-commerce product page	view	⭐ ⭐ ⭐	HTML, CSS, JS(React)
Multi-step form	view	⭐ ⭐ ⭐ ⭐	HTML, CSS, JS(React)