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.)
👇
▫️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.
👇
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.
👇
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.
👇
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 name.com's API to ensure the domains you generate are unique.
👇
Allow users to generate domain names using a seed and a length. The seed should be part of the generated domain.
You can use 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.
👇
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.
👇
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.
👇
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.
👇
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.
👇
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.
👇
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?
