DEV Community

Cover image for 🀯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🀯
Somanath Goudar
Somanath Goudar

Posted on • Edited on

🀯 30DaysChallenge - 30 Days Extreme HTML & CSS CHALLENGE 🀯

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)

Collapse
 
missy_downer profile image
Missy Downer

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 πŸ’œπŸ’œ.

Collapse
 
somanathgoudar profile image
Somanath Goudar

Thank You @missy_downer

Collapse
 
wambuimethu profile image
wambuimethu

On it bro

Collapse
 
somanathgoudar profile image
Somanath Goudar

Thank you! See ya tomorrow!

Collapse
 
xantosromero profile image
Santos Romero

πŸ‘πŸ»πŸ‘πŸ»πŸ‘πŸ»
Very good friend.
πŸ‘πŸ»πŸ‘πŸ»πŸ‘πŸ»
I only can tell you, go go go. πŸ’ͺ🏻πŸ’ͺ🏻

Collapse
 
somanathgoudar profile image
Somanath Goudar

Thank you so much! Needed this Motivation..

Collapse
 
arbaoui_mehdi profile image
Arbaoui Mehdi

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!

Collapse
 
krunalgupta02 profile image
Krunal Gupta

All the links of articles are not working plz solve it

Collapse
 
somanathgoudar profile image
Somanath Goudar

Hey, I am making few changes to my website. All the links will be up by today.

Collapse
 
krunalgupta02 profile image
Krunal Gupta

Ookk πŸ‘πŸ»
Btw your articles are very good keep writing πŸ”₯πŸ”₯

Thread Thread
 
somanathgoudar profile image
Somanath Goudar

Thank You So Much! I have updated all the links. Links are working now

Collapse
 
sabiyatabassum profile image
Sabiya Tabassum

You got thisπŸ’ͺI'm too planning to make a go on it!!

Collapse
 
somanathgoudar profile image
Somanath Goudar

Thank You! Yes, Go for it. This is already helping me level up my frontend skills.