Jess Lee

for The DEV Team

Posted on Jul 2 • Edited on Jul 8

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

#frontendchallenge #devchallenge #webdev #css

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)

$2,500 USD
DEV++ Membership
Exclusive DEV Badge

CSS Art Winner (1)

$500 USD
DEV++ Membership
Exclusive DEV Badge

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 (29)

Peter Kim Frank • Jul 2

Look forward to seeing what everyone builds!

ANIRUDDHA ADAK • Jul 3

Excited to try it out

Pravesh Sudha • Jul 3

Let's do it BABY 🔥🔥

Pratik sharma • Jul 8

This is Exciting

Mohamed Nizzad • Jul 4

Challenge accepted. Thank you for hosting this creative challenge.

Chris Jarvis • Jul 4

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

Schemetastic (Rodrigo) • Jul 4

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?

Jess Lee • Jul 4

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

Karandeep Singh • Jul 4

A great question, i also wanted to know this

Schemetastic (Rodrigo) • Jul 7

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”

🤔

Jess Lee • Jul 7

@schemetastic a demo link is fine!

Schemetastic (Rodrigo) • Jul 7

Thanks! 🫶🏽

Nikoloz Turazashvili (@axrisi) • Jul 14

I submitted projects, but I see some people use Tailwind, Three.js
are these allowed? if so I might want to change couple things in my submission. haha

Mahmoud Harmouch • Jul 8

This is an exciting and meaningful challenge for me. Having never worked in a traditional office setting, this presents a unique opportunity to envision and design the dream office I've always imagined. It's more than just a creative exercise, it's a way to bring that vision to life through code and imagination.

One quick question: Is it acceptable to use Rust for the challenge? While JavaScript is a solid and widely used language, it's simply too basic for someone who operates at a prophetic level of coding. Besides, huge thanks to Axero and Dev for creating this challenge. With Dev's support, I'm optimistic that my dream office won't stay a dream for long.