Full details on the blog:
www.frontendmentor.io/articles/so...
Full details on the blog:
www.frontendmentor.io/articles/so...
This is the first in a series of report upgrades. We're adding new scoring dimensions soon, and historical reports are on the roadmap, so you can track your improvement over time.
This works the same whether you've handwritten every line or used AI to help. The output is what gets measured. The goal is to improve code quality in your projects, regardless of your workflow.
Scores give you a feedback loop for that.
Submit โ check scores โ dig into issues โ improve โ regenerate report โ see the score go up.
That cycle is really hard to create without a clear signal for whether your changes are working.
We think this will change how people approach challenges.
A lot of people submit, review feedback, and move to the next challenge. But some of the best learning happens when you stay on a project and refactor. That's what professional devs do every day.
Score summary shows 7.6/10 overall, with individual scores in Accessibility 7.7, HTML 6.4, CSS 8.7, and JavaScript 7.7.
Solution reports already give you detailed feedback. But it's been hard to get a quick read on where you stand without going through the whole thing.
Now you can glance at your scores and immediately know which areas need work.
We just added scoring to our AI-enhanced solution reports.
Every report (HTML, CSS, JS, A11y) now provides a score out of 100. Here's what that means for you.
The aim is to help you easily identify strengths and weaknesses so you can refactor and improve.
Here are the details:
After you learn the basics, building one thing teaches you more than watching ten things.
It feels harder, but it's how you build real skills.
If you'd like to see the types of projects we've helped fund, you can check out our public impact page here:
app.ecologi.com/impact/fron...
Frontend Mentor's climate impact: 40,222 trees funded and 58.41 tCOโe avoided, highlighting environmental contributions.
40,000 trees funded! ๐ณ
Every Frontend Mentor Pro subscription contributes to tree-planting and carbon-reduction projects through Ecologi. A massive thanks to our community of Pro members who have helped make this happen!
This is the next step in upgrading our solution reports before we move to a much more granular solution-scoring system that will even take factors like README and commit quality into account.
All the things potential employers would want to see in your projects!
Scores for an AI-enhanced report show performance metrics: Accessibility 8.3, HTML 7.0, CSS 7.5, JavaScript 5.9, overall 7.2/10.
We're currently working on adding scores to our AI-enhanced reports to help easily identify areas that are strong and those that need improvement in your solutions.
We hope you like the update and are excited to see our V2 solution reports! ๐
For anyone who wants to learn more about our reports, you can also read our "Introduction to Solution Reports" guide:
www.frontendmentor.io/guides/solu...
You can read the full announcement here:
www.frontendmentor.io/articles/ai...
To try it out, submit a new solution or regenerate a report on an existing one.
Pro members still get unlimited AI reports across all solutions.
This is stage 1 of our work to make solution reports much more comprehensive and actionable.
More coming soon.
We also removed screenshot credits.
Free members can now regenerate solution screenshots as many times as they need. Improved your solution? Get a fresh screenshot. No limits.
Our solution reports break down your code across HTML, CSS, JavaScript, and Accessibility.
The free static analysis is helpful, but AI-enhanced reports find up to 3x more issues AND highlight your strengths.
You get a much clearer picture of where to improve.
We just made AI-powered code reviews available to every free member on Frontend Mentor.
From today, every free member gets 2 AI report credits per month to get more detailed insights into their projects.
Here's what that means ๐
Your profile page has also been redesigned. There's a new private Progress tab with level tracking, activity charts, and a clear breakdown of what you need to reach the next level.
Progress tracker shows Level 3 with 378 out of 600 points. User is 222 points away from reaching Level 4.
There's a new 5-level progression system to help you track where you are in your learning journey.
Your level is based on both your points AND the hardest challenge you've completed. The goal is to help you understand when they might be ready to progress to the next level.
New challenge points by difficulty level: Level 1 Newbie gives 10 points, Level 2 Junior gives 25 points, Level 3 Intermediate gives 50 points, Level 4 Advanced gives 100 points, and Level 5 Guru gives 200 points.
New code review points by difficulty level: Helpful feedback on Newbie solutions gives 3 points, Junior gives 5 points, Intermediate gives 10 points, Advanced gives 20 points, and Guru gives 40 points.
Challenge points now scale exponentially to match real effort.
Newbie: 10
Junior: 25
Intermediate: 50
Advanced: 100
Guru: 200
Helpful code review points also scale with difficulty now. No more flat 20 points regardless of complexity.
We just shipped a big update to Frontend Mentor: new progression levels, fairer scoring, and a revamped profile page.
Here's what changed ๐งต
Glad you like it! ๐ฅณ
We just shipped Guides on Frontend Mentor! ๐
Everything you need to know about the platform, all in one place. From getting started to making the most of features like solution reports and learning paths.
Check it out here: www.frontendmentor.io/guides
Text outlines a project utilizing GitHub Copilot for debugging CSS, HTML accessibility, JavaScript verification, and improving styles.
We quietly added an 'AI Collaboration' section to our challenge starter README template last week.
It's great to see people already using it to outline how they worked with AI across our projects, which will make for excellent interview conversations!
Want to go deeper on learning effectively with AI?
Read our full guide: AI coding assistants for beginners
www.frontendmentor.io/articles/ai...
If you're already using AI tools with our challenges, you don't need to change anything. The files are already included automatically.
You can read more about the update here:
www.frontendmentor.io/articles/ag...