Cover image for Join our latest Frontend Challenge: Comfort Food Edition 🍲

The DEV Team profile image Jess Lee

We're back with another Frontend Challenge, and this time we're hungry! 🍜🥧

Running through August 16, Frontend Challenge: Comfort Food Edition invites you to build something inspired by the food that makes you feel at home.

Show off the dish you make when nothing else will do, build a site for a restaurant that exists (or one that only lives in your head), share the recipe you've been perfecting for years, or put a spotlight on a regional dish that deserves more attention. Whether you're a CSS connoisseur, a JavaScript chef, or somewhere in between, there's a prompt here for you.

We hope you give it a try!

The Prompts

CSS Art: Comfort Food

Create a work of art using primarily CSS! Let food be your inspiration: a steaming bowl of ramen, a stack of pancakes, a perfectly cut slice of pie, or the dish you grew up eating.

CSS Art Submission Template

Note: We're now allowing a sprinkle of JavaScript in CSS Art submissions! However, judging will continue to focus primarily on the CSS component, so keep JavaScript usage light and purposeful. The star of the show should still be your CSS skills.

Perfect Landing: Comfort Food

Build a polished, functional landing page with a food theme. This could be a real or imaginary restaurant, a recipe collection, a food festival, a love letter to a regional dish, or anything else you can imagine, as long as it captures the theme and demonstrates excellent frontend fundamentals.

Perfect Landing Submission Template

Note: You may use JavaScript, TypeScript, Dart, WebAssembly, or any other browser-compatible language/runtime in your Perfect Landing submissions! Show us what modern web development can do.

Judging Criteria and Prizes

CSS Art submissions will be evaluated on:

  • Creativity
  • Effective Use of CSS
  • Aesthetic Outcome

Perfect Landing submissions will be evaluated on:

  • Accessibility
  • Usability and User Experience
  • Creativity
  • Code quality

Prizes

Each prompt winner will receive a DEV++ Membership and an exclusive DEV Badge. All Participants with a valid submission will receive a completion badge on their DEV profile.

How To Participate

Publish a post using the submission template provided above and required #frontendchallenge tag. You can submit to one or both prompts, and you can make multiple submissions per prompt (just publish a separate post for each).

You can level up your post by embedding your project directly in your submission. Embeds to consider:

  • Google Cloud Run: {% embed cloud_run_link %}
  • CodePen: {% codepen https://... %}

Please review our judging criteria, rules, guidelines, and FAQ page before submitting so you understand our participation guidelines and official contest rules such as eligibility requirements.

Important Dates

  • July 29: Frontend Challenge: Comfort Food Edition begins! 🍲
  • August 16: Submissions due at 11:59 PM PDT
  • September 10: Winners Announced

We can't wait to see what you cook up! Questions about the challenge? Ask them below.

Happy coding!