DEV Community

Cover image for 100 FREE Frontend Challenges

100 FREE Frontend Challenges

Adrian | Founder of BigDevSoon on June 27, 2024

Introduction In the spirit of building strong habits and the #100DaysOfCode idea, we decided to make our list of beautifully crafted "De...
Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon • Edited

BIG respect if you can beat all 100 of them, let your #100DaysOfCode journey begin! πŸš€

Collapse
 
gkhan205 profile image
Ghazi Khan • Edited

Is it ok if I solve this and post videos on youtube for an explanation of the code?

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon • Edited

Sure thing if you link back to bigdevsoon.me/ or mention it in the video that would be totally ok!

Thread Thread
 
gkhan205 profile image
Ghazi Khan

Of course, I will post this link in every video I create. Thank you for allowing.

Collapse
 
awaisalwaisy profile image
Alwaisy al-waisy

What BigDevSoon makes a difference. There's frontendmentor, icodethis, greatfrontend, frotnendeval, and there'll be lot others. Now another?

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

I hear you. The quick answer is the evolution of adaptive and personalized learning with the AI boom. I tried many different websites when I was getting into coding myself, however, I ended up in too many guides/tutorials hell or building things that I didn't need and wasted a bit too much time on it.

With BigDevSoon, the goal is to maximize your learning and bridge the gap until it "clicks" so you can enjoy the good part of coding much faster than with other solutions. From the user's POV, it's cool to be able to choose from different platforms and I'm not saying we have all of it but trying to approach the pain points in a unique, fresh way. E.g. you can get a project with cards like "agile tasks" and build things from day 1 like in your real dev job.

Thread Thread
 
awaisalwaisy profile image
Alwaisy al-waisy

I explored the platform again. Code report feature that actually I like. How about paid plan. For future updates.

Thread Thread
 
bigsondev profile image
Adrian | Founder of BigDevSoon

Awesome, sorry what was the question? We do have BIG plans that can be checked directly in the app (rocket in the left sidebar)

Collapse
 
roy_weru profile image
Roy Weru

Is there really a need to be able to recreate each of them..😭😭 anyway I use relume.io, float UI, aceternity ui, daisy ui, if you work with react tailwind this are the coolest libraries to make you a 10x developer check them out , I don't see the need to reinvent the wheel

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

Cool tech. stack! Definitely quicker with Tailwind and friends, solving all 100 of them would be a quite impressive achievement but selecting a few instead is also good enough πŸ‘

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

To make it even easier to work on #100DaysOfCode, we created this GitHub repository: github.com/bigdevsoon/100-days-of-..., it'd be super awesome if you can ⭐️ it, we're still completing all the challenges there but on top of the design screenshot, we've added User Story and Acceptance Criteria for each of the challenges as well as some main README.md to make it easier to jump into the coding journey! πŸš€

Collapse
 
milenaulman profile image
milena-ulman

Great list, thank you for sharing.

Collapse
 
litlyx profile image
Antonio | CEO at Litlyx.com

Amazing for real! Good friking work!

Collapse
 
programordie profile image
programORdie

PERFECT projects! Thanks for your posts!

Collapse
 
elanatframework profile image
elanatframework

Excellent
You worked hard for the list
Thankful

Collapse
 
sazardev profile image
Sazardev

Very awesome list!

Collapse
 
abdullahi_raji_d4c8dc3066 profile image
Abdullahi Raji

So much to do in 100 days... haha

Collapse
 
jvvmediask profile image
Jozef Vavrek

Nice summer holiday challenge, thanks for the inspiration...πŸ‘πŸ‘πŸ‘

Collapse
 
mudassermushtaq009 profile image
mudassermushtaq009

❀️

Collapse
 
nerajno profile image
Nerando Johnson

Ideas

Collapse
 
eter7 profile image
eter nada

Nice one

Collapse
 
mdsiaofficial profile image
Md Shoriful Islam

Huge

Collapse
 
codecruncher86 profile image
Chris Newton

Great post, thanks for sharing πŸ‘

Collapse
 
aavash_parajuli_72 profile image
Aavash Parajuli

Thank you for sharing

Collapse
 
tory profile image
TORY-SKY

Nice projects

Collapse
 
tiani91 profile image
Tiani Pierce

Saved so I can come back and pick and choose as I move forward. Thank you for sharing this!! Also going to check out BigDevSoon.

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

Awesome, keep coding BIG! πŸ™‡

Collapse
 
mohaned_benmansour profile image
Mohaned Benmansour

great work on making this list and it would be more fun to make them responsive too

Collapse
 
adama133 profile image
Adama Komi

Thanks for sharing πŸ‘

Collapse
 
kennethjr profile image
Obinna Kenneth

Nice

Collapse
 
ducanhmoi profile image
DucAnhMoi

a

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

b

Collapse
 
michael_gr profile image
Michael.K

Amazing Thanks

Collapse
 
kelvin_407 profile image
Kelvin 407

100!

😳 That's a lot pf Ideas for me to be industrious with

Collapse
 
muhammad_abeer_ansari profile image
Muhammad Abeer Ansari

Will be an interesting journey and also the result after the completion of the 100 days.

Collapse
 
david_asuquo_23a39119d01f profile image
David Asuquo

I love this... I'm for sure doing this.

Collapse
 
kyoku_hyou_riku profile image
Kyoku Hyou Riku

AMAZING, recently I try to teach my wife to code, project-based learning approach is GREAT. Thanks for sharing

Collapse
 
achraf0710 profile image
الفاΨͺΨ­ Ψ§Ω„Ω…ΨΉΨͺΨ΅Ω… Ψ¨Ψ§Ω„Ω„Ω‡

How much did you need to make all these projects !

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

Our Designer put a lot of hard work into it but def took less than 100 days πŸ˜‚

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
dheenu_s profile image
DHEENU S • Edited

Are these challenges limited to designing the interface or creating functionality for each project?

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

Up to you I’d say, adding functionality on top of the design is always a nice addition.

Collapse
 
asile profile image
Asile Ayuba

This just gave me an idea on my next project.
Thank you very much.

Collapse
 
rohanindaragi profile image
Rohan Indaragi

This requires subscription please suggest a free website to practice a front-end technologies. Because i don't having amount to pay for that. So please

Collapse
 
bigsondev profile image
Adrian | Founder of BigDevSoon

It requires GitHub account only as all challenges are available within free version of the app. The only thing that is not available are Figma designs but these are just one-page images so it’s not a blocker.