DEV Community

Cover image for Supercharge your front-end skills by building real projects
Kelvin Conrad
Kelvin Conrad

Posted on

Supercharge your front-end skills by building real projects

Gain real experience of building websites and providing code reviews. Build your portfolio and help others achieve their goals.
visit site 👇👇
https://www.frontendmentor.io

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

Top comments (0)