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)