This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture.

Inspiration

I want to build a office table that includes everything which helps me to keep motivated and gives a energetic vibes. Also, it must have all essentials (rule of essentialism). Therefore, I created this ART with headphones (music is necessary for my focus) and Coffee Cup (Developers basic need).

Demo

You can also checkout the live link of ART: Live Demo

Journey

For building this ART my goal is decided, I want to have all the things that i could imagine for my desk.

I started by creating Desk Component Art which includes Desk Container, Desk Art and Imac monitor component (my fav one). Alongwith a Ergonomic Chair Component (my back needs).

But for adding other component i explored various other Pens of community that help me to make the Art more like my imagination. Pen I used for Headphone Component -> CodePen by Andrea and Flower Pot Component -> CodePen by Suzanne Aitchison.

Then added all these component on my table which gives fresh vibes and minimal look. Cup Component is also created which contains my coffee (for energy of a developer). Then a TODO board, I easily forget things, Therefore, a TODO board is also required to keep me focused towards my work.

Now, my table had everything which i needed (headphones for listening music, coffee for fuel of dev, flower pot for fresh vibe, TODO board for focus towards work) that helps me to keep motivated and energetic in my office. :)

If you like the art, do give a star 🌟 to Repo:

I hope you like my ART, and do let me know what do you think about it. Love to know....