5 Websites that helps you build real-world projects and master Frontend Development

Halim Shams
2 min readJul 20, 2022

--

Every developer when start with learning Frontend, they don’t know what to build as a side project, So I found some free and useful websites to help you with that problem by beating and solving challenges.

Let’s dig into it…🚀

5 Websites that helps you build real-world projects and master Frontend Development

Frontend Mentor

Improve your Front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working on professional designs.

Frontend Mentor

CodePen Challenges

Each week, you’ll get a new prompt surrounding a monthly theme to riff on. The best Pens get picked and featured on the homepage!

CodePen Challenges

Daily UI

Daily UI is a series of daily Design Challenges, Inspiration and Surprise Rewards.

Daily UI

You may like:

Amazing HTML5 Features That Just 3% of Developers Knows — Easy and Surprising

Ace Front-end

Ace Front-end has complete and practical coding challenges, with a detailed walk through of a perfect interview solution. No frameworks, just HTML, CSS and JavaScript.

Ace Front-end

Codier

Explore and attempt Front-end coding challenges, you can also view other developers solutions.

Codier
Following Costs Nothing!

That’s all I collected for you, hope these rare resources helped you. Support me by following me, clapping to this article motivate me a lot to write more and more, so don’t forget to clap to article and follow me 🥰.

— You can follow me on Twitter as well, where I’ll share short and incredible stuffs out there, so don’t miss those. 😊

Buy me a Coffee

--

--

Halim Shams

I Write about Web Development and All the Related Content 🚀 I'm a Self-Taught Full-Stack Developer 💛