โ† Back to Projects

Frontend Mentor Challenges

Archivedportfolio

A curated collection of Frontend Mentor challenges spanning beginner to advanced difficulty, demonstrating progression in responsive layout, form validation, API integration, and accessibility.

๐ŸŒ Live Site๐Ÿ“ GitHub RepoBy Kyle Parsotan ยท 2019

Problem

Frontend developers need structured, real-world practice to master CSS layout systems, JavaScript interactivity, and accessible design. Isolated tutorials rarely transfer to production-quality output.

Solution

Completed a series of spec-driven Frontend Mentor challenges with pixel-perfect implementation requirements. Each challenge reinforced a specific skill โ€” Flexbox grids, CSS Grid, form validation, REST API calls โ€” building a compounding foundation across technologies.

Tech Stack

Frontend
HTML5CSS3JavaScript (ES6)ReactNext.jsBootstrapTailwindCSSFlexboxCSS Grid
DevOps
GitHub PagesVercelNetlify
Other
EmailJSResend

Architecture

Frontend

Each challenge is a standalone project in its own directory. Architecture varies by difficulty: beginner challenges use plain HTML/CSS, intermediate add Vanilla JS or React components, advanced integrate REST APIs and React state. All solutions follow mobile-first CSS methodology with semantic markup.

Backend

None โ€” client-side only across all challenges.

Database

None.

Features

Future Improvements

By Kyle Parsotan ยท 2019
Available for Projects

Ready to Get to Work?

Let's transform your ideas into reality. Whether you need a website, web app, or consulting โ€” I'm here to help you succeed.

Fast Delivery
Scalable Solutions
Clean Code

Trusted by clients worldwide delivering results on time and within budget.

Captcha: 2 + 1 = ?