DEV Community

Cover image for Join Our Newest Frontend Challenge: Office Edition! Sponsored by Axero with $3,000 in Prizes 💸
Jess Lee Subscriber for The DEV Team

Posted on • Edited on

Join Our Newest Frontend Challenge: Office Edition! Sponsored by Axero with $3,000 in Prizes 💸

We're delighted to bring the community our first-ever Frontend Challenge with cash prizes!

Running through July 27, Frontend Challenge: Office Edition, sponsored by Axero features our beloved "CSS Art" prompt as well as a brand new "Holistic Webdev" prompt.

Our theme is "Office", designed to highlight workplace culture and the digital spaces where we meet to communicate, collaborate, and connect. Thanks to Axero, we'll be able to award cash prizes to the winner of each prompt - that's two chances to win bragging rights, an exclusive DEV badge, and a share of $3,000!

Read on to learn more.

Our Prompts

Holistic Webdev: Office Space

Introducing a brand new prompt! Design your dream intranet homepage for a fictional company using CSS, HTML, and JavaScript only (frameworks/libraries welcome). Show us how you would design the perfect digital workspace - are there upcoming events? team spotlights? useful resources? The content and widgets featured are up to you!

Here is the submission template for anyone that wants to jump right in, but please review all challenge rules on the official challenge page before submitting.

Holistic Webdev Submission Template

As the creators of innovative intranet solutions, Axero knows what makes workplace collaboration thrives, so be sure to wow them with your creativity!

Check out their intranet templates for some inspiration.


CSS Art: Office Culture

Draw what comes to mind for you when it comes to office culture. Whether that's classic water cooler conversations, your coworker's mechanical keyboard, ice breaker activities, or The Office™ - we want to see your interpretation of office life through CSS art.

Here is the submission template for anyone that wants to jump right in, but please review all challenge rules on the official challenge page before submitting.

CSS Art Submission Template

Whatever aspect of office culture speaks to you, we can't wait to see your creativity!

Prizes

Holistic Webdev Winner (1)

CSS Art Winner (1)

All participants with a valid submission will receive a completion badge.

How To Participate

In order to participate, you will need to publish a post using the submission template associated with each prompt.

Please review our full rules, guidelines, and FAQ page before submitting so you understand our participation guidelines and official contests rules such eligibility requirements.

Important Dates

  • July 02: Frontend Challenge: Office Edition sponsored by Axero begins!
  • July 27: Submissions due at 11:59 PM PDT
  • August 14: Winners Announced

Our Sponsor

A huge shout out to Axero for supporting the community. Thanks to their team, we're able to provide cash prizes to a Frontend Challenge for the very first time!

Axero offers a customizable intranet solution that empowers companies to create a central repository for all essential employee resources and communications. With features like robust APIs and intuitive page builders, Axero allows admins of all technical levels to design and manage their intranet effectively. By acting as a single source of truth and ensuring everyone has access to the information they need, Axero enhances decision-making, improves employee self-service, and helps organizations drive consistency and enhance employee effectiveness.


We're very excited to see your office-themed submissions! Questions? Ask them below.

Good luck and happy coding!

Top comments (43)

Collapse
 
peter profile image
Peter Kim Frank The DEV Team

Look forward to seeing what everyone builds!

Collapse
 
aniruddhaadak profile image
ANIRUDDHA ADAK

Excited to try it out

Collapse
 
mohamednizzad profile image
Mohamed Nizzad

Challenge accepted. Thank you for hosting this creative challenge.

Collapse
 
pravesh_sudha_3c2b0c2b5e0 profile image
Pravesh Sudha

Let's do it BABY 🔥🔥

Collapse
 
jarvisscript profile image
Chris Jarvis

Let's go. I wanna see your goal office.

Collapse
 
biomathcode profile image
Pratik sharma

This is Exciting

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

This one seems so fun, HTML, CSS AND JS, but what about SVG? 🤔

Do you allow the use of libraries and dependencies?
e.g. Bootstrap, Icon packages, animation libraries, three.js and so?

Collapse
 
jess profile image
Jess Lee The DEV Team

@schemetastic and @karandeepsingh7070 Yes, you can use SVGs, libraries, and dependencies for the Holistic Webdev.

Collapse
 
karandeepsingh7070 profile image
Karandeep Singh

A great question, i also wanted to know this

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

Just one more question, do I have to embed the demo in the post, or is it enough with a link to the demo?

I'm asking because the submission template says:
“and embed your CodePen (or similar editor) directly into this post”

🤔

Collapse
 
jess profile image
Jess Lee The DEV Team

@schemetastic a demo link is fine!

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

Thanks! 🫶🏽

Collapse
 
mohamednizzad profile image
Mohamed Nizzad
Collapse
 
mohamednizzad profile image
Mohamed Nizzad

Some comments may only be visible to logged-in visitors. Sign in to view all comments.