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
Top comments (13)
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
On it bro
Thank you! See ya tomorrow!
ππ»ππ»ππ»
Very good friend.
ππ»ππ»ππ»
I only can tell you, go go go. πͺπ»πͺπ»
Thank you so much! Needed this Motivation..
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!
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.