The 30 Days 30 Projects Challenge
Tags: challenge, webdev
Published: 2020-04-10 13:55:46

On the **26th Dec 2019**, I started the **#7Days7Projects** challenge which I successfully completed on **1st Jan 2020**. After then I decided to extend this challenge and do a little bigger 30 days challenge which took me a little longer to complete, I completed this on 8th April (approx. 3 months)😂. But the best thing is I have completed the challenge successfully🙌😎.


## Inspiration

I got inspired by [Florin Pop](https://www.florin-pop.com/)💜 who completed a 100 Days challenge successfully.

## The challenge

This challenge is a short version of the 100 Days challenge. The two main rules of this challenge are -

- Code **at least an hour every day** and create a small project. It may be a landing page, component or anything related to programming.

- Share your progress each day on a social network.

You can learn more about it [here](https://www.100daysofcode.com/).

## Why it took me so long?

Since I am an engineering student, and I started this challenge just before my semester examinations it was hard for me to do it consistently. But I tried my best and didn't to much pressure on my self and finally, I succeed 🙌😎.


## Projects

Below is the list of all my [30 Projects](https://codepen.io/collection/XbYBPB).

| Day | Project  |
| ------------- | ------------- |
| 01  | [Random Advice Slip](https://codepen.io/sheikh_ishaan/full/VwYWGZy)  |
| 02 | [Button UI Kit](https://codepen.io/sheikh_ishaan/full/povryVp)  |
|03| [Message translation App](https://codepen.io/sheikh_ishaan/full/povrwxB) |
|04| [News App](https://codepen.io/sheikh_ishaan/full/Baydqya) |
|05| [JavaScript Piano](https://codepen.io/sheikh_ishaan/full/VwYMYpr) |
|06| [Note taking App](https://codepen.io/sheikh_ishaan/full/JjorONg) |
|07| [Image Classifier using ml5.js](https://codepen.io/sheikh_ishaan/full/povWZLZ) |
|08| [Custom Progress bar](https://codepen.io/sheikh_ishaan/full/oNgoXbq) |
|09| [Modal Box](https://codepen.io/sheikh_ishaan/full/jOEaaXx) |
|10| [Typing effect using JS](https://codepen.io/sheikh_ishaan/full/LYEOqjd) |
|11| [Browsing history analysis](https://github.com/sheikh005/browsing-history-analysis) |
|12| [Snackbar/Toasts](https://codepen.io/sheikh_ishaan/full/wvBjWOB) |
|13| [Quiz App using JS](https://codepen.io/sheikh_ishaan/full/ExaRbBX) |
|14| [Alexis Voice Assistant](https://codepen.io/sheikh_ishaan/full/JjoBdQd) |
|15| [Chat App using socket.io](https://codepen.io/sheikh_ishaan/full/vYEazXa) |
|16| [Tweet Sentiment Analysis](https://codepen.io/sheikh_ishaan/full/ExaOxeB) |
|17| [Infinite Image Scroll](https://codepen.io/sheikh_ishaan/full/jOEdZQO) |
|18| [YouTube subscribers Count](https://codepen.io/sheikh_ishaan/full/xxbBBaW) |
|19| [Responsive Navbar](https://codepen.io/sheikh_ishaan/full/YzPMPmq) |
|20| [Image Slideshow](https://codepen.io/sheikh_ishaan/full/zYxXeMx) |
|21| [Pricing table design](https://codepen.io/sheikh_ishaan/full/GRgamLM) |
|22| [3D Login/Signup form](https://codepen.io/sheikh_ishaan/full/LYEooOY) |
|23| [500 Error Page](https://codepen.io/sheikh_ishaan/full/abzgRxe) |
|24| [Skeleton screen loading effect](https://codepen.io/sheikh_ishaan/full/BaNZNGM) |
|25| [Neumorphic Design](https://codepen.io/sheikh_ishaan/full/mdJjYjX) |
|26| [Custom Music Player](https://codepen.io/sheikh_ishaan/full/XWboEMv) |
|27| [Text Animation](https://codepen.io/sheikh_ishaan/full/dyowEQb) |
|28| [Donation Page Design](https://codepen.io/sheikh_ishaan/full/XWbOEEL) |
|29| [CSS Box-shadow generator](https://codepen.io/sheikh_ishaan/full/PoqMGQG) |
|30| [Coronavirus Dashboard](https://codepen.io/sheikh_ishaan/full/PoPYwJP) |


## Why should I do this challenge?

If you are struggling with your **CSS & JavaScript basics** and you are a **master procrastinator**, then this challenge is for you. The main aim of doing this challenge is to develop **consistency** in yourself.

I recommend you **start with a small 7 Days challenge** if you are feeling a little intimidated starting a bigger challenge.

## But I don't have time😕

It just takes **an hour each day**. And if you are a working person or a student having classes & assignments to complete and didn't get much time, you can do this during your weekends. Make your own rules but **BE HONEST WITH YOURSELF**.

I have also created a GitHub repository for this challenge. Give it a ⭐ if you like.

{% github sheikh005/30Days30Projects no-readme %}