Frontend Mentor

Improve your coding skills by building real projects

4.4
5 reviews

30 followers

Our front-end challenges mimic a real-life workflow. Each one includes designs (mobile & desktop), a style guide, and a project brief. The rest is up to you! This means you get access to professional designs and can build your experience of creating websites.
Frontend Mentor gallery image
Frontend Mentor gallery image
Frontend Mentor gallery image
Frontend Mentor gallery image
Frontend Mentor gallery image
Frontend Mentor gallery image
Launch Team

What do you think? …

Matt Studdert
Hey Product Hunters! First off, I hope you're all managing to stay safe during this difficult time. Thanks to @chrismessina for hunting us. Mike and I are excited to launch Frontend Mentor here on Product Hunt! Problem 🤔 I got the idea for Frontend Mentor as a result of the teaching work I do at General Assembly. My front-end web development students often asked where they could go to continue to practice their newfound HTML, CSS, and JS skills after finishing the course. My answer was always "continue to build your own portfolio site, try re-creating Dribbble shots or download free themes and re-create them from scratch". However, I was never really satisfied with the answer. So I thought it would be useful to offer a genuine insight into a front-end developer's workflow for anyone who would like to improve their coding skills. Solution 💡 Frontend Mentor offers a range of challenges that aim to mimic a real-world workflow for a front-end developer. Each free challenge includes: ✅ Mobile & desktop designs in JPG format ✅ A front-end style guide for colors, fonts, etc ✅ A basic project brief, which mentions any expected functionality ✅ Pre-optimised assets ✅ A skeleton HTML file with pre-written content, but no structure If you want to practice using the original Sketch design file, there is an option to buy that as well, although it's not a requirement to start the free challenges. As well as the free challenges we also have premium challenges. Premium challenges offer you the chance to build some seriously impressive portfolio pieces and include: ✅ Multi-page and fully-functional project ideas ✅ Mobile, tablet & desktop designs in both JPG and Sketch format ✅ A professional design system providing common styles ✅ Custom APIs to work with so that you can practice with JS libraries/frameworks like React, Vue, Svelte, Angular, etc Product Hunt Offer 💸 As a thank you for checking out Frontend Mentor, we've got a 25% discount coupon that will run to the end of April. It's available on all Sketch files and premium challenges. Just add PRODUCTHUNT25 at checkout 👍 Feedback Welcome 🙏 Thank you so much for your support. If you've got any feedback we'd love to hear it! AMA below 👇
Anne-Laure Le Cunff
@_mattstuddert Massive congrats on the launch, Matt! Amazing what you've built here 🎉
Matt Studdert
@anthilemoon hey Anne-Laure, thanks a lot! I'm looking forward to seeing what you do with the Ness Labs community as well!
Scott Mathson
@_mattstuddert @anthilemoon agreed - I'm blown away by the depth of content you've put together here. Wow! Congrats Matt!
Matt Studdert
@scottmathson thank you so much, Scott! I really appreciate the support!
S. Sharma
@_mattstuddert Hey Matt, First of all, congratulation on successfully building such an awesome product. I am documenting journey of founders, builders, entrepreneurs who are constantly innovating, inventing, and creating things, in general. The proposal is to do a short interview, capture it in video, and let it out to the world, so that others can get inspiration. And, at the same time you and your team will get acknowledgement for the hustle. If you are interested, please reach out to me at tellmeaboutit510{at}gmail.com . Thanks, and good luck! Subodh
Junaid Tariq
best website for enhance your frontend skills
Matt Studdert
@junaidktariq hey Junaid, thanks a lot for your kind words! I'm really happy you like the site 🙂
Tulsi Prasad
Thanks to Matt for this great help. Until, I found out about front end mentor, I was struggling here and there to find different random images or even copyrighted design materials for just practice and now we can get all this at here, even for free and along with the best community support. Kudos to you! 🎉
Matt Studdert
@tulsiprasad hey Tulsi, I really appreciate your feedback. Thanks! It's great to hear that you're finding the challenges useful to practice on 🙂