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.

🧵👇
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.)

👇
1⃣ JSON Formatter and Validator

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.

👇
2⃣ JSON <-> Yaml Converter

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.

👇
3⃣ Meme generator

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.

👇
4⃣ Domain Name generator

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.

👇
5⃣ Markdown-based blog engine

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.

👇
6⃣ Twitter Dashboard

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.

👇
7⃣ Image Optimizer / Web scrapper

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.

👇
8⃣ Whiteboard

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.

👇
9⃣ Password generator

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.

👇
🔟 Your own website to showcase all of these projects

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?
You can follow @svpino.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled:

By continuing to use the site, you are consenting to the use of cookies as explained in our Cookie Policy to improve your experience.