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.

its very good for anyone newbie or junior wants to build a beginners project ,nice guid and most of the project are free and the rest are to cheap and anyone can unlock it

As someone experienced in frontend engineering, I can attest that project-based learning reigns supreme. Simply watching YouTube videos and reading blogs won't cut it; you need to dive in and experiment. Frontend Mentor stands out as an excellent resource for individuals like myself to tackle projects that span from simple to complex, allowing for a deeper understanding of nuanced concepts. Kudos to Frontend Mentor for their valuable contribution!

As a frontend engineer myself, I can definitely say that learning through projects is the best approach one cane do. Watching countless hours of YouTube videos and reading blogs alone won't work. You have to get your hands dirty. I think Frontend Mentor is a good starting point for people like me to build some projects to learn nuanced concepts ranging from easy to difficult. Keep up the good work !

its very good for anyone newbie or junior wants to build a beginners project ,nice guid and most of the project are free and the rest are to cheap and anyone can unlock it

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 👇

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

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

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

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

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

best website for enhance your frontend skills

@junaidktariq hey Junaid, thanks a lot for your kind words! I'm really happy you like the site 🙂

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

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

Frontend Mentor

Improve your coding skills by building real projects

Improve your coding skills by building real projects

Frontend Mentor

Improve your coding skills by building real projects

Improve your coding skills by building real projects

Similar Products

Do you use Frontend Mentor?

Do you use Frontend Mentor?

You might also like