This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space

What I Built

I built this responsive intranet dashboard for the fictional "Acme" company. My main idea was that a dashboard should be dynamic; it shouldn't be a boring static page where you already know what's there.

To make it feel fresh, I added a big welcome **screen with a cool office photo, the current weather, and the time. Below that, I created different news sections to keep things lively: internal updates from the **Company and Executives, Learning announcements, and even the latest Industry News from outside sources.

And since knowing your schedule is super important, I made sure to include sections for My Calendar and My Tasks right on the dashboard.

Demo

You can visit to this GitHub Pages deployment for a full screen experience:
Live Site

⭐ GitHub Repo 👇

Journey

I started with the sidebar and the top navbar first. The trickiest part was making it responsive. I’m happy with how I moved the user's profile icon out of the navbar and into the sidebar for the desktop view, it just felt cleaner.

For the main dashboard, I got ideas from different templates (from dribble, axero, etc) and decided on this cards layout. I built it layer by layer, starting with finding that cool office photo for the background.

Creating the info cards was the fun part. Using Bootstrap made it so much easier.

Thanks for reading, and I look forward to connecting with you again soon!

Follow me for more content like this!

Twitter | GitHub | YouTube