Hey, This is Somanath Goudar. Things are about to get Hard for me these next 30 Days 🤯. You wont Believe What I have planned for these 30 Days 😱. I will be pushing my Limits to the edges to achieve this goal.
So here is what I have Planned :
➜ 1) Code a HTML CSS Project Every day (Simple like Hover Effects, form design, CSS animations, which can be used in real world websites etc..)
➜ 2) Make a Video Tutorial on it and upload to YouTube Every day (so that anyone here can follow along and be a part of this Challenge).
➜ 3) Write a Blog About it and post Every Day.
➜ 4) Post a Instagram Post About it Every Day.
➜ 5) Post a Instagram Reel on it Every Day.
So, Now you know what I have planned and why I am calling it the Extreme Challenge. You might be having so many questions in your head about this. Same here, I too have so many questions about this Challenge 😂. How am I gonna do it? That is a lot to do in a single day, right?.
The thing is I want to provide Something Valuable to this Developers Community 😇 that we have here. I want to help other developers.
At the end of this challenge
➜ 1) You guys will be having 30 Different HTML CSS Projects all at the Same Place.
➜ 2) 30 YouTube Tutorial Videos if you want to follow along with me and be a part of this challenge
➜ 3) All the Source Code will be shared with love, here on dev.to and on my Blog.
➜ 4) I want to let others know about this challenge, so I will be posting on Instagram and keep track of this challenge here and on Instagram.
Now the question is Can I Do it? The answer is Yes, I will do it. I have learned a lot from this Developers Community and its time that I Provide the same value to others in this community. And Anyone from here is welcome to join me in this challenge.
I Have Spent Day and Night to Make this challenge possible and to put everything together. And for me this will be the first biggest thing that I will be doing.
Here are the links through which you can keep track of this Challenge.
👉 Dev.to : Originally Posting Here
👉 YouTube : Video Tutorials
👉 Instagram : Posting Every Day
👉 My Blog : Blog Posts Every Day
Hope You guys like What I am Doing Here
Please Wish me Luck 😅
The Challenge Started on 20th May 2021
And Completed on 18th June 2021 ✔️
Here is What I have done in these 30 Days :
| # | Project | Blog Post | YouTube Tutorial |
|---|---|---|---|
| 01 | Glowing Neon Buttons | View Post | Watch Tutorial |
| 02 | Neumorphism Login Form | View Post | Watch Tutorial |
| 03 | Responsive Task Management Dashboard | View Post | Watch Tutorial |
| 04 | Side Navigation Bar | View Post | Watch Tutorial |
| 05 | Social Media Icons with Tooltip on Hover | View Post | Watch Tutorial |
| 06 | Toggle Neumorphism Switch | View Post | Watch Tutorial |
| 07 | FAQ Accordion Section | View Post | Watch Tutorial |
| 08 | Game Card Hover Effects | View Post | Watch Tutorial |
| 09 | Dropmorphism | View Post | Watch Tutorial |
| 10 | Responsive Image Gallery | View Post | Watch Tutorial |
| 11 | Custom Radio Buttons | View Post | Watch Tutorial |
| 12 | Responsive Pricing Card tables | View Post | Watch Tutorial |
| 13 | Toggle ON OFF Switch Button | View Post | Watch Tutorial |
| 14 | Samsung Watch Clone | View Post | Watch Tutorial |
| 15 | Neumorphic Login Form Design | View Post | Watch Tutorial |
| 16 | Neumorphism Animation | View Post | Watch Tutorial |
| 17 | Card Reveal Hover Effect | View Post | Watch Tutorial |
| 18 | Animated Login and Sign Up Form | View Post | Watch Tutorial |
| 19 | Awesome Animated Search Bar | View Post | Watch Tutorial |
| 20 | Animated Search Bar | View Post | Watch Tutorial |
| 21 | 3D Button Hover Animation | View Post | Watch Tutorial |
| 22 | Amazing Profile Cards Design | View Post | Watch Tutorial |
| 23 | Button with Animated Border | View Post | Watch Tutorial |
| 24 | Amazing Profile Cards Design | View Post | Watch Tutorial |
| 25 | Image Hover Effects | View Post | Watch Tutorial |
| 26 | CSS Button Hover Effect | View Post | Watch Tutorial |
| 27 | CSS Image Hover Effect | View Post | Watch Tutorial |
| 28 | Awesome CSS Button Hover Effect | View Post | Watch Tutorial |
| 29 | Awesome CSS Card Hover Effects | View Post | Watch Tutorial |
| 30 | Responsive CSS Cards | View Post | Watch Tutorial |
Support Me :
👉 Buy me a Coffee: https://www.buymeacoffee.com/somanathgoudar
👉 Follow Me on Instagram
👉 Follow Future Coders on Instagram
👉 Subscribe to My Main Channel
👉 Subscribe to Channel Created for this Challenge
Latest comments (13)
Congrats on completing the 30DaysChallenge! My partner and I created a tool, divize.io, to assist with HTML/CSS challenges. It includes free real-world UI challenges. We'd appreciate your feedback. Happy coding!
THANK YOU! I loved everything you did. I’m just starting out with web development and I am in love with html and css. I’m so excited to learn more, and thanks to developers like you, my projects turn out a million times better. Thanks again! Your hard work during this challenge is greatly appreciated 💜💜.
Thank You @missy_downer
All the links of articles are not working plz solve it
Hey, I am making few changes to my website. All the links will be up by today.
Ookk 👍🏻
Btw your articles are very good keep writing 🔥🔥
Thank You So Much! I have updated all the links. Links are working now
You got this💪I'm too planning to make a go on it!!
Thank You! Yes, Go for it. This is already helping me level up my frontend skills.
👏🏻👏🏻👏🏻
Very good friend.
👏🏻👏🏻👏🏻
I only can tell you, go go go. 💪🏻💪🏻
Thank you so much! Needed this Motivation..
On it bro
Thank you! See ya tomorrow!