Real-World Projects
Frontend Mentor offers a variety of real-world projects with detailed briefs that emulate industry standards, helping users build practical skills.
Design Resources
Projects come with design files, which include both desktop and mobile layouts, enabling users to practice building responsive websites.
Community Support
The platform has an active community where users can share their work, get feedback, and collaborate, fostering a supportive learning environment.
Skill Levels
Challenges are categorized by difficulty levels, allowing beginners to start easy and gradually tackle more complex projects as they progress.
Code Reviews
Users can receive code reviews from peers and mentors, offering constructive feedback that helps them improve their coding practices.
Portfolio Building
Completing projects on the platform can help users build a strong portfolio, showcasing their work to potential employers or clients.
Exposure to Best Practices
Users learn and apply industry best practices like semantic HTML, responsive design, and modern CSS techniques.
Frontend Mentor is highly recommended for both beginners and more experienced developers looking to build a strong portfolio with practical projects. Its realistic challenges and community support make it a valuable resource for anyone looking to improve their front-end development skills.
We have collected here some useful links to help you find out if Frontend Mentor is good.
Check the traffic stats of Frontend Mentor on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Frontend Mentor on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Frontend Mentor's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Frontend Mentor on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Frontend Mentor on Reddit. This can help you find out how popualr the product is and what people think about it.
Frontend Mentor Frontendmentor.io Build real-world projects with free design files. - Source: dev.to / over 1 year ago
In the meantime, I used frontendmentor.io to feed my desire for more projects. Just make sure you donโt go overboard and miss the mark. - Source: dev.to / over 1 year ago
If you know the basics of HTML, CSS and JS, mas okay matuto by creating projects from https://frontendmentor.io theyโre free and users can give feedback on what to improve. Basically, you convert the screenshots/design to code or actually site. Source: about 3 years ago
Practice building from frontendmentor.io. Source: about 3 years ago
Yeah, CSS is something that requires practice. I'll say 1st week (or maybe less) for HTML and then the remaining 2 for CSS. There are some good resources like frontendmentor.io that you can try to get some understanding of how HTML and CSS work together. I'll say don't waste too much time on learning. Kevin Powell is a good yt channel to follow. Also, you can always use things like TailwindCSSin the end but for... Source: about 3 years ago
I recommend building apps from frontendmentor.io I got hired as a react dev a few years back after building three highest difficulty projects from it. Source: about 3 years ago
I'm a new web developer looking to build my own projects to put on my portfolio, but I suck at designing, I want my projects to look nice and professional, I know something like frontendmentor.io exists, but I want to build my own unique projects. Source: about 3 years ago
Iโd suggest having a look at frontendmentor.io. They give you a design with any necessary data and you build it. In my opinion itโs perfect as your encouraged to build as close to the design as you can, and thereโs a community of people giving feedback. I used a few of the projects on my portfolio. Source: over 3 years ago
The frontendmentor.io stuff is really cool! This would be really neat content to showcase on your site, and would make for interesting topics to talk about during an interview. I didn't realize it initially that your project examples were your frontendmentor.io content. I suggest integrating this content a little more clearly, because this provides a lot more context about what impact you made. ie. Instead of... Source: over 3 years ago
I had a really hard time trying to do decent designs off the cuff trying to be artsy. You gotta develop a base sense of what looks nice. frontendmentor.io as I suggested earlier is great for this. Source: over 3 years ago
UI - It's pretty jank. Take a look at nice webdev portfolios and try and copy what they're doing. Heck, it's even fine to buy a nice template and start adding your stuff to it. Also, hop onto frontendmentor.io and work the challenges there. Source: over 3 years ago
Frontendmentor.io : no legal issues for sure. Source: over 3 years ago
You don't have to reach some elite level, just make projects from codewell.cc and frontendmentor.io for JavaScript and practice problems on codewars.com. Source: over 3 years ago
Which resource do y'all prefer for reinforcing Js? frontendmentor.io, codewars, or something else? Source: over 3 years ago
To those who are studying in BootCamp... For god's sake learn BEM CSS and SCSS for CSS naming and preprocessing and solve 3-4 times in frontendmentor.io challenges. Source: over 3 years ago
The BEEEEST place to find wonderful projs is in frontendmentor.io. Source: over 3 years ago
This is all I know because I had to stop learning React due to some personal stuff but these were the basics which I cleared + made some projects from frontendmentor.io. Source: over 3 years ago
Frontendmentor.io and codepen.io both sites offer challenges and solutions for you take a crack at. I personally like frontendmentor since it feels like what an actual front end dev would be doing ( receiving figma / designs and just making them exist to the best of your ability) practice makes perfect. Source: over 3 years ago
Make those 2 things and do them good (I mean don't showcase things like "to-do app" or "weather app" that everyone follows on youtube. Grab a design like ones off of frontendmentor.io site), and you'll be massively ahead of the others trying to get into the industry. 9/10 people asking why they cant get an interview dont have portfolios of what they can do so the company has to guess and pray that you aren't... Source: over 3 years ago
I'd been using frontendmentor.io as a platform to practice building projects in my early learning phase. Although all of my solutions were painful to look at ๐ , they gave me a nice stepping stone to learning many things. - Source: dev.to / over 3 years ago
You may be wondering about what exactly should you write in it, or what is a good way to present it. So, I have created a README template inspired by the Frontend Mentor IO. It has a great structure, and helps you write a good README for you repository. - Source: dev.to / over 3 years ago
Do you know an article comparing Frontend Mentor to other products?
Suggest a link to a post with product alternatives.
Is Frontend Mentor good? This is an informative page that will help you find out. Moreover, you can review and discuss Frontend Mentor here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.