DEV Community

Cover image for Projects To Complete When Learning Web Development

Projects To Complete When Learning Web Development

Michał Dulik
Updated on ・1 min read

If you’re intermediate beginner web developer, you have probably run into the wall. The basic tutorials are too easy now. But it’s hard to figure out what to code.

You are probably looking for project ideas with quality design. Fortunately, there is, completly free website where each challenge is different and will test you different aspects of coding. It includes small user stories and beautiful designs.

When you complete a challenge, you submit your solution, which can be shared with others. Solutions page is a good place for people to learn from each other. It is for you to share your thought and help others.

Here are some sample projects

You should visit for more ideas.

Job Board App

Github jobs

Quizz App

Quizz app

Unsplash clone

Unsplash clone

Checkout page

Checkout page

Author of

nghiemthu image

Discussion (14)

philipperoubert profile image
Philippe Roubert

These are great!
After gaining some experience, the best way I improved my skills was to basically take an already-existing website that I like and trying to replicate the exact looks of it. Obviously you won't be publishing this website, but it's great training and makes you think about many design aspects. These projects examples are quite similar in the idea, definitely worth it 😊

spiritbro1 profile image

supa cool

joppedc profile image

Very nice website. The "I need project ideas to practise" question is found everywhere, daily.

Only thing I don't like, is that as per usual, there's nothing for backend developers. Besides that, nice platform! I think a lot of people will benefit from this.

nghiemthu profile image
Thu Nghiem

Hi @joppedc

The full-stack path is under construction and there is already one full stack challenge. You can team up with other front-end developers and practice teamwork and backend.

Saying there's nothing for backend developers is not really correct.

But thank you so much for your feedback :) and thank Michal so much for this post!!

joppedc profile image

I understand that there's a fullstack path. But i'm not a fullstack dev, just backend. I also don't want to need to team up with anyone just to practise for myself. Its really hard finding backend project ideas on the internet. At least ones that aren't "make a todo list". I think it would be cool to add a backend path as well.

Thread Thread
nghiemthu profile image
Thu Nghiem

Fair point! I'll definitely work on Backend Path. Currently, there are few paths are under consideration:

  • Design System Developer Path
  • Front-end Master Path
  • Backend Developer Path

I will prioritize based on people's need. If there are more need more backend path. I will work on it as soon as possible.

michaldulik profile image
Michał Dulik Author

We are working on full stack path 😁

emmanuelurbina profile image
Emmanuel Lucio Urbina

Thanks, I started Responsive Web Dev.

legzy27 profile image

Thanks alot

codebalance profile image
Kat 🐆🐾

That's awesome, exactly what I needed. Thank you!

willem640 profile image

Exactly what I was looking for! Now I can continue to learn web development and I finally have something to do. Thank you!

axelespinosadev profile image
Axel Espinosa

This is fantastic! I always want to develop something but my ideas sometimes doesn't shows up

rajhawaldar profile image

Thats what i needed! Thanks for sharing 👍

olalani profile image
Olalani Oluwaseun

I have bookmark this write up and checked out devschallenge site. Will start working on it