DEV Community

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

Posted on • Updated on

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

I have watched hours of videos, read hundreds of articles, and come up with these awesome projects that will take you from beginner to advanced web developer in just a few weeks.

Hello there๐Ÿ‘‹

It's Codeitdoc7 here. I know how confusing it can be for beginners when deciding which projects to make. In most cases, we just end up creating a bunch of unfinished projects. But that ends today. Yes, you're going to make these super fun projects that 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 number one on the list. Not only is it super fun to make, but it's also a place to showcase your awesome projects. Additionally, it allows you to showcase your skills in the framework/library that you used to create the website, not to mention 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

Top comments (0)