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

Collapse
 
peter profile image
Peter Kim Frank

Look forward to seeing what everyone builds!

Collapse
 
aniruddhaadak profile image
ANIRUDDHA ADAK

Excited to try it out

Collapse
 
pravesh_sudha_3c2b0c2b5e0 profile image
Pravesh Sudha

Let's do it BABY ๐Ÿ”ฅ๐Ÿ”ฅ

Collapse
 
biomathcode profile image
Pratik sharma

This is Exciting

Collapse
 
mohamednizzad profile image
Mohamed Nizzad

Challenge accepted. Thank you for hosting this creative challenge.

Collapse
 
jarvisscript profile image
Chris Jarvis

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

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

@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

@schemetastic a demo link is fine!

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

Thanks! ๐Ÿซถ๐Ÿฝ

Collapse
 
axrisi profile image
Nikoloz Turazashvili (@axrisi)

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

Collapse
 
wiseai profile image
Mahmoud Harmouch

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.

Collapse
 
wiseai profile image
Mahmoud Harmouch

P.S. From a UX/UI perspective, I believe the border around the article's intro would be better without radius for a cleaner and more modern look.

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