How serious you are about your Web Development skills?
Here are 10 side projects that you can tackle in your free time and will take your skills to another dimension.
They aren't hard and will make for a very impressive collection that companies won't be able to ignore.

Here are 10 side projects that you can tackle in your free time and will take your skills to another dimension.
They aren't hard and will make for a very impressive collection that companies won't be able to ignore.


As you finish them:
Publish them online
Open-source them
Add them to your resume
Promote them in Twitter
(Yes, all of these services that you will see here already exist. We aren't trying to create a billion-dollar business.)




(Yes, all of these services that you will see here already exist. We aren't trying to create a billion-dollar business.)


Given a string, validate whether it represents a valid JSON file. If it's not valid, display an error message that explains the problem.
If it's valid, pretty-print the JSON so it's easily parseable by the user.
Let the user copy the result.


Given a JSON string, produce the corresponding Yaml representation and vise versa.
If the input is not valid, display an error message that explains the problem.


Given an image, and a string, generate a new image with the text embedded in it.
Allow users to select from different fonts, sizes, and colors.
Users should be able to download the generated meme.


Allow users to generate domain names using a seed and a length. The seed should be part of the generated domain.
You can use http://name.com 's API to ensure the domains you generate are unique.


A simple blog engine where posts are stored as markdown files in a folder. The name of the file should represent the URL of the post.
You can also add the date as part of the file name. Landing page + Archive page with pagination.


The dashboard will display the authenticated's user information, the last interactions (likes, retweets), follower count, and any new followers or people that stopped following.
You can come up with all sorts of fun stuff to display here.


Given the URL of a page, list all the images that are being used and allow the user to download an optimized version of each one of them.
For example, allow the user to download all the images converted to WebP.


Allow users to freely draw on the screen and download the result as an image.
Users should be able to select different colors, brushes, and configure the point size.


Users should be able to specify the number of characters, and whether it should include symbols and the site will generate a password.
Users should be able to copy the new password to the clipboard with a button.


Make the site populate the portfolio automatically from GitHub given a list of repositories. All the content should be part of each GitHub project.

Which one do you think will be the easiest one and which one the hardest?