DEV Community

Cover image for Join Our First Community Challenge: The Frontend Challenge

Join Our First Community Challenge: The Frontend Challenge

dev.to staff on March 20, 2024

We are excited to launch our first official DEV Challenge: The Frontend Challenge! Running through March 31, this challenge will be an opportunity...
Collapse
 
ben profile image
Ben Halpern

Woot woot.

I'll be submitting early and encourage other folks to not wait until the deadline.

Remember you can submit to all the prompts, so getting one in early is just a good idea.

Collapse
 
cbid2 profile image
Christine Belzie

Can we work with partners for this challenge @ben?

Collapse
 
jess profile image
Jess Lee

Yes! Up to four people --- details are in the FAQ section for when you're ready to submit: dev.to/challenges/frontend

Thread Thread
 
uzondu9 profile image
Uzondu

Why can't i edit the HTML

Collapse
 
ben profile image
Ben Halpern

Yup! We have info about that in the page with all the rules

Collapse
 
uzondu9 profile image
Uzondu

Where do i write the code for "Glam up my Markup";
.Codepen
.VS Code

if so how do i post it on the submission template.
I need an answer fast

Collapse
 
link2twenty profile image
Andrew Bone

Thought I might have a go at a one byte explainer, I knew those years of tweeting were preparing me for something 😅

Collapse
 
ssukhpinder profile image
Sukhpinder Singh • Edited
Collapse
 
ben profile image
Ben Halpern

Amazing

Collapse
 
ssukhpinder profile image
Sukhpinder Singh

Thanks @ben

Collapse
 
jaloplo profile image
Jaime López

I'm excited!!! At first sight I will go for the 2nd and 3rd. Can't wait for trying!!! 😁

Collapse
 
ben profile image
Ben Halpern

Yes!

Collapse
 
jaloplo profile image
Jaime López

Here it is my submissions:

I enjoyed a lot. Hope everybody have the same as me!!!

Collapse
 
floscode profile image
Florian

Yeah, great challenges right at the beginning of spring I will definitely take part in the CSS art challenge 🎨 and of course I am looking forward to all the great submissions from CSS artists to learn smth new 🌟

Collapse
 
sarahokolo profile image
sahra 💫

Okayyy, let's gooo💪. My CSS senses are tingling😁

Collapse
 
ben profile image
Ben Halpern

Amazing

Collapse
 
20015 profile image
Joker

Well this is good, challenge accepted 😊

Collapse
 
jess profile image
Jess Lee

Woohoo!

Collapse
 
akashpattnaik profile image
Akash Pattnaik

Well. I thought it would be great opportunity to let new developers about a browser's native APIs. So I went ahead and made started a 1-byte series 😄.

Collapse
 
divya4879 profile image
Divya4879

Thanks for this amazing challenge

Collapse
 
ben profile image
Ben Halpern

Good luck!

Collapse
 
divya4879 profile image
Divya4879

Thank you

Collapse
 
peter profile image
Peter Kim Frank

Excited to see what you submit @divya4879 :)

Collapse
 
divya4879 profile image
Divya4879

Thanks 😊
Will give it my best

Collapse
 
peter profile image
Peter Kim Frank

So excited for this first challenge. Can't wait to see what everyone submits! ✨

Collapse
 
thomasbnt profile image
Thomas Bnt

I'm in!

Collapse
 
ben profile image
Ben Halpern

party

Collapse
 
ngdangtu profile image
Đăng Tú

When I knew the community open challenges, I have to revive my dead account back =))

Collapse
 
mattryanmtl profile image
Matt Ryan

Awesome.

Can we use SCSS?

Collapse
 
ben profile image
Ben Halpern

Yeah that’s fine.

Collapse
 
chrisburkssn profile image
Chris Burks

Can’t wait to see the submissions

Collapse
 
thaisavieira profile image
Thaísa Vieira

As a beginner, I'll do my best to use these challenges to practice!

Collapse
 
ben profile image
Ben Halpern

It’s a great way to practice!

Collapse
 
programordie profile image
programORdie

My submission is finally ready!
I made a camp activity form with a WORKING database feature what makes you able to see what other people voted!

Here it is!

Collapse
 
gauharnawab profile image
gauharnawab

Hello everyone,
I'm excited to announce that I've completed my CSS Pizza Art project! 🎉🍕
I'd love for you to check it out and let me know what you think. Your feedback is always appreciated!
You can view the project here: [928e83bc-4f08-499a-9a85-038e018d96...]

Collapse
 
jaloplo profile image
Jaime López

Here it is. My first contribution: dev.to/jaloplo/whispering-across-t...

Have you heard about the Broadcast Channel API before? 😀

Collapse
 
best_codes profile image
Best Codes

Hey @ben, I've got a question about the 'Glam up my Markup' challenge.
I'm a little concerned about this sentence:
No changing HTML sentence.

I know we can add some HTML tags (e.g., <style> to apply the CSS), but what are the limits of this? I would assume the script tag is allowed, but would meta tags like:

<meta name="viewport" content="width=device-width, initial-scale=1" />
Enter fullscreen mode Exit fullscreen mode

Be allowed for mobile responsiveness? Some of these things are kinda essential to me. To be specific, I would be using the meta name and charset properties, and then a <script> tag for a custom JS library that responsively changes the style of the select element.
Would that be OK?

Collapse
 
ben profile image
Ben Halpern

Okay yeah that is a good call. The answer is yes, everything you're asking about is within the spirit of the request, but we will make some adjustments to make this clear in the rules.

Thank you for the question, we'll make some tweaks to our language.

Collapse
 
best_codes profile image
Best Codes

Alright, thanks for the info. 👍

Collapse
 
hikolakita profile image
Hikolakita

Phew

After hours of work, I'm finally done!
Here is the link of my submission.

Collapse
 
devpbrilius profile image
Povilas Brilius

OK!

Collapse
 
criccode profile image
cricCode

Let's go!! My first submission
dev.to/criccode/web-otp-api-one-by...

Collapse
 
lilxyzz profile image
Travis

Image description

Collapse
 
jankapunkt profile image
Jan Küster

How will the text length be measured?

Collapse
 
ben profile image
Ben Halpern

Rendered characters. So text and line breaks will count as characters. Markdown characters like backtick etc will not.

Collapse
 
thomasbnt profile image
Thomas Bnt

Hello! Question about the Glam Up My Markup, can we create a ephemeral element in the DOM? It's only for a confirmation message when we puuush the submit button.

Collapse
 
ben profile image
Ben Halpern

Yes, so to be clear your own JavaScript can manipulate the HTML in any way that helps achieve the outcome of the task as though you were handed the HTML and don't have any control over it outside of JS.

You should not change the copy in the markup you're given, as though it was handed to you by a different product team and it's not your job to change the intent of the code, but you have a lot of flexibility otherwise.

So the answer is yes you may with an emphasis on keeping within the spirit of the prompt. We'll look into further clarifying the language to help here.

Collapse
 
thomasbnt profile image
Thomas Bnt

Awesome, thanks Ben for this clarification!

Collapse
 
uzondu9 profile image
Uzondu

I finished two of the projects last week and forgot to put out the links here there are:

Collapse
 
jeffchavez_dev profile image
Jeff Chavez

Whoahh..

Collapse
 
uzondu9 profile image
Uzondu • Edited

Hello, sorry I finished two of the projects but forgot to share the links.
Here there are:

  1. Glam up my markup

2.One Byte Explainer

Collapse
 
itsauzzo profile image
Austin Niman

This was a really fun opportunity for a newcomer to programming, Thank you!

Collapse
 
pavelee profile image
Paweł Ciosek

Great idea! 👏👏👏

Collapse
 
jordanvarghese profile image
Jordan Varghese

And the winner is chatGPT

Collapse
 
pythonisnotasnake profile image
PythonIsNotASnake

Have also done my post for the "Glam Up My Markup" challenge.
Glam Up My Markup - Camp Form for kids

I wish all coders much fun with the challenges. Keep coding!

Collapse
 
pizofreude profile image
Pizofreude

Pretty sure I'm gonna participate, just not sure whether my creativity will bound by the rules and regulation. And hey, rules are meant to be break. Cheers!

Collapse
 
dshaw0004 profile image
Dipankar Shaw

Rolling my sleeves for challenge.

Collapse
 
vrajparikh profile image
Vraj Parikh

challange accepted I also make sure that I build UI in figma then I try to implement_it to code or convert my code UItocode 🌚 so it looks and works good **_all the best to all folks**

Collapse
 
jarvisscript profile image
Chris Jarvis

This is going to be fun. Three cool challenges to test skills. I used to be good at twitter. Lets see if I can still be concise.

Collapse
 
programordie profile image
programORdie

When is the announcement?

Collapse
 
aaronmccollum profile image
Aaron McCollum

Awesome! Will try this out for some fun.

Collapse
 
christopherchantres profile image
Christopher Chantres

Yes sir!! Let's go with the challenge 🚀

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
yoseline profile image
Yoseline

OMG, for some reason I was thinking this was due Wednesday 27! Well at least now I have a few more days to work on this 📝

Collapse
 
imamfaheem profile image
Imam

hi thi si*jhbjh*s si

Collapse
 
watcherx profile image
Bobby • Edited

Just me that thinks this sounds like a ploy to get training data that can be used to train Ai models on certain prompts?!

Collapse
 
lawrence1986 profile image
lawrence1986

Code Challenge Accepted

dev.to/lawrence1986/dev-challenge-...

Collapse
 
diva profile image
Prisoo

Waouh
J'espère qu'on pouvait utiliser bootstrap aussi

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

What does 1 byte have to do with anything? Odd title

Collapse
 
uzondu9 profile image
Uzondu

where do i write actual the accode

Collapse
 
el_borregito profile image
Jay

Where are the submissions??