Frontend Challenges

My Frontend Mentor projects – frontend development challenges

Filter by Difficulty

>
Hangman game
Advanced

Hangman game

Hangman game built with React and Chakra UI

React Chakra UI React Router Grid
Demo
>
Quizz App
Junior

Quizz App

Interactive quiz app with multiple choice questions and score tracking

React Chakra UI Redux Redux Persist
Demo
>
Newsletter Sign Up Form
Junior

Newsletter Sign Up Form

Form with real-time validation and success message

HTML CSS JavaScript Forms Validation
Demo
>
Interactive Comments Section
Intermediate

Interactive Comments Section

Interactive comments section with reply functionality and real-time updates

HTML CSS JavaScript API Fetch
Demo
>
Job listings with Filtering
Intermediate

Job listings with Filtering

Job listings page with filtering options and responsive design

HTML CSS JavaScript Date Validation
Demo
>
Dictionary Web App
Intermediate

Dictionary Web App

Dictionary web app with search functionality and lightbox for word details

HTML CSS JavaScript E-commerce Lightbox
Demo
>
Entertainment Web App
Advanced

Entertainment Web App

Entertainment web app search movies, series and more with dropdown navigation

HTML CSS JavaScript Navigation Dropdown
Demo
>
Kanban Task Management Web App
Guru

Kanban Task Management Web App

A Kanban board for task management with drag & drop functionality

HTML CSS JavaScript LocalStorage Drag & Drop
Demo
>
Note Taking Web App
Advanced

Note Taking Web App

A note taking web app with rich text editing and organization features

HTML CSS JavaScript API Search Filter
Demo
>
Time Tracking Web App
Junior

Time Tracking Web App

A time tracking web app with rich text editing and organization features

HTML CSS JavaScript API Search Filter
Demo
>
Todo App
Intermediate

Todo App

A todo app with search and filter functionality

HTML CSS JavaScript API Search Filter
Demo
>
Interactive Card Details
Junior

Interactive Card Details

An interactive card details component with hover effects

HTML CSS JavaScript API Search Filter
Demo
>
Working Landing Page
Junior

Working Landing Page

A landing page with responsive design and overlay effects

HTML CSS JavaScript API Search Filter
Demo
>
Dine Restaurant Landing Page
Intermediate

Dine Restaurant Landing Page

A restaurant landing page with responsive design and overlay effects

HTML CSS JavaScript API Search Filter
Demo
>
Notifications Page
Junior

Notifications Page

A notifications page with real-time updates and filtering options

HTML CSS JavaScript API Search Filter
Demo
>
Advice Generator App
Junior

Advice Generator App

A advice generator app that generates random advice

HTML CSS JavaScript API
Demo
>
Expenses Chart Component
Junior

Expenses Chart Component

A expenses chart component that displays weekly expenses

HTML CSS JavaScript API
Demo
>
FAQ Accordion Card
Junior

FAQ Accordion Card

A FAQ accordion card that displays frequently asked questions

HTML CSS JavaScript API
Demo
>
GitHub User Search App
Junior

GitHub User Search App

A GitHub user search app that allows users to search for GitHub users

HTML CSS JavaScript API
Demo
>
Interactive Pricing Component
Junior

Interactive Pricing Component

An interactive pricing component that allows users to select different pricing plans

HTML CSS JavaScript API
Demo