Frontend Mentor drops challenge files

Frontend Mentor’s new savings-tracker brief is not just another dashboard mockup. The live challenge page says builders need goal management, deposit history, and progress visualization, which turns a simple finance layout into a small product with moving parts. (frontendmentor.io) That changes the kind of practice you get. A landing page mostly tests spacing and typography, but a savings tracker forces you to design around numbers changing over time, like a progress bar filling up as deposits come in. (frontendmentor.io) Frontend Mentor has spent years positioning its projects as “real-world” design-to-code work, and its home page now says the platform has more than 100 challenges and over 1.15 million developers using it. This new brief fits that pitch because it looks closer to a product team task than a one-screen marketing page. (frontendmentor.io) The extra twist is the file format. Frontend Mentor’s own Pro page says Figma files give exact specs like colors, spacing, and fonts, so learners are not guessing from a screenshot the way they would with a flat image. (frontendmentor.io) That matters when the design includes authentication screens. A sign-up or log-in flow is where portfolios usually get thin, because many junior projects stop at the “pretty dashboard” stage and never show the screens that get a user into the product. (frontendmentor.io) Frontend Mentor’s getting-started guide spells out the workflow: unlock a challenge, download starter files, review the brief, build the project, then submit a solution. In practice, that means this savings tracker can be tackled as a straight interface build or stretched into a fuller app with responsive states and user flows. (frontendmentor.io) The challenge page itself says it can be built as a frontend or full-stack project. That gives designers and developers two different ways in: one person can focus on layouts and states, while another can wire the same screens to accounts, saved goals, and deposit records. (frontendmentor.io) Frontend Mentor’s Pro page also says its premium projects are meant to mirror “real client work,” and this brief shows what that usually looks like in 2026: branding on the surface, account flows underneath, and a responsive interface holding both together. (frontendmentor.io) For anyone building a portfolio, that combination is the point. A savings tracker with authentication screens shows you can handle the part of web design that sits between a style guide and a working product, which is exactly the gap many showcase projects never cross. (frontendmentor.io)