Frontend Mentor

Name: Frontend Mentor
Rating: 5.0 (2 reviews)

Improve your coding skills by building real projects

5.0•2 reviews•

32 followers

Improve your coding skills by building real projects

5.0•2 reviews•

32 followers

Visit website

Online learning

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.

Launch tags:Web App•Education•Software Engineering

Launch Team

Setapp — Grow, and monetize your app with unified AI gateway

Grow, and monetize your app with unified AI gateway

Promoted

Frontend Mentor

Maker

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 👇

Report

6yr ago

Ness Labs

@_mattstuddert Massive congrats on the launch, Matt! Amazing what you've built here 🎉

Report

6yr ago

Frontend Mentor

Maker

@anthilemoon hey Anne-Laure, thanks a lot! I'm looking forward to seeing what you do with the Ness Labs community as well!

Report

6yr ago

Amplitude

@_mattstuddert @anthilemoon agreed - I'm blown away by the depth of content you've put together here. Wow! Congrats Matt!

Report

6yr ago

Frontend Mentor

Maker

@scottmathson thank you so much, Scott! I really appreciate the support!

Report

6yr ago

@_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

Report

6yr ago

Nice Idea, This is actually how I learned front-end by getting some design sketches and figuring out how to implement that! What happens after someone complete the challenge?! is there any evaluation system?

Report

6yr ago

Frontend Mentor

Maker

@hamid_ra thanks a lot for commenting, Hamid! When you submit your solution you'll get an automated accessibility audit and HTML validation check. You can also ask questions as well so that others in the community can help you out and provide specific feedback. We'll be evolving the feedback and reporting system/user experience soon though, as there is a lot of room for improvement! Thanks again for your support 🙂

Report

6yr ago

@_mattstuddert this is awesome! Definitely will let my friends who are going to learn frontend know to give it a shot!

Report

6yr ago

Frontend Mentor

Maker

@hamid_ra thanks a lot for sharing! I hope you and your friends find the challenges useful to practice on 🙂

Report

6yr ago

Outseta

Congrats on the launch! Product looks great. Our team at www.qualified.io provides infrastructure to coding schools to support projects just like this. You can even watch the front-end of the project visually evolve as you code. Give me a shout if we can support you!

Report

6yr ago

Frontend Mentor

Maker

@geofftroberts thanks a lot, Geoff! It would be great to chat more as that sounds really interesting. Feel free to message me and we can chat more! 🙂

Report

6yr ago

Strive

@geofftroberts @_mattstuddert Matt let's definitely chat. This is really awesome stuff and very aligned with some of the things we are working on. Congrats on the progress you have made so far!

Report

6yr ago

Frontend Mentor

Maker

@jakehoffner thanks a lot, Jake! I'm looking forward to talking more. Thanks a lot for your support!

Report

6yr ago

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! 🎉

Report

6yr ago

Frontend Mentor

Maker

@tulsiprasad hey Tulsi, I really appreciate your feedback. Thanks! It's great to hear that you're finding the challenges useful to practice on 🙂

Report

6yr ago

A great place to try out your frontend skills on some realistic, in-depth problems and get friendly, constructive feedback from a welcoming community of other students and experts. Highly recommended.

Report

6yr ago

Frontend Mentor

Maker

@david_henson thanks a lot for the review, David! It's great to have you as part of the community! 👍

Report

6yr ago

I finally found a landing spot to both practice my fornt-end skills and get professional feedback. Great work by @_mattstuddert and the team behind this product

Report

6yr ago

Frontend Mentor

Maker

@oyinkan_oyetunmibi thanks for the comment Oyinkan! I'm so happy you like the platform 🙂

Report

6yr ago

@_mattstuddert, you are doing great, this is amazing. Frontend Mentor improved my skill and I learned a lot of stuff, and thanks for connecting this amazing community. I know you are planning more for Frontend Mentor, best of luck for it

Report

6yr ago

Frontend Mentor

Maker

@adarshcodes thank you so much for the kind words, Adarsh! And thank you for all the feedback and code reviews you provide in the community 🙂 You're helping so many people improve their coding skills!

Report

6yr ago

1 2 3

•••