โ† 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

Get to Work

Contact me for freelance work, full-time opportunities! I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.