DEV Community

Cover image for Build these projects to be an Advanced Web Developer ๐Ÿš€

Posted on

Build these projects to be an Advanced Web Developer ๐Ÿš€

I have watched hours of videos read 100's of articles and come up with these awesome projects that will make you go from beginner to a advance web developer in just few weeks.

Hello there๐Ÿ‘‹

Its Codeitdoc7 this side, I know how confusing it is for beginners when deciding which projects to make or in most of the cases we just end up creating bunch of unfinished projects but it end today, yes you're going to make these super fun projects which will make your swag level go from 1 to 3000(yes I love Ironman),

[As a disclaimer I am aware there are probably much better projects one can make โ€” and I'd love to hear them in the comments! โ€” but this article was made using the knowledge I had at the time]

Let's dive strait into it๐ŸŠ

A Personal portfolio website ๐Ÿ’ป

It has to be the number 1 in the list, not just it's super fun to make and a place to showcase your awesome projects but you also get to showcase your skills of framework/library that you used to create the website with and to not forget about the creativity.

A stopwatchโฑ๏ธ

It's a simple beginner friendly project which you can make in a day. Play with some CSS to show your creativity.

A Website that uses 3rd party API๐Ÿ“จ

Every company uses 3rd party API whether its payment API or framework API. So its very important to know how to use them. Find a API that interests you no matter Game API or Weather API and make a website that uses 3rd party API. Or make one API yourself and become a billionaire.

A calculator๐Ÿ“ฑ

I'm not taking about a simple calculator no, but a fully responsive GUI calculator with light/dark mode switch.
It will showcase your DOM manipulating skills.

A Search Bar๐Ÿ”

Every website has a search bar, so its a good idea to build one yourself it will help you understand how data is stored and how to access it.

A Game๐ŸŽฎ

I'm not saying you should make a game like COD but a simple board game will be enough [2048 will be awesome]. It will be a fun way to test your logical skills, which is the most important part of web developing and hey its super fun to have a game of your own.

Website clone๐Ÿ‘จโ€๐Ÿ’ป

Making a website clone help you with learning more things as I also did while cloning google incognito mode, I learned about margin-inline.

[All suggestions are welcome ๐Ÿ’ž]

You are Awesome where can I Connect with you๐Ÿ˜Ž?



๐Ÿ“จ[Email] -

๐Ÿฆ[Twitter]- Soon

Buy Me A Coffee

Discussion (0)