DEV Community

Arra Deepthi
Arra Deepthi

Posted on

Miratos_Intranet_Dashboard

Frontend Challenge Holistic Webdev Submission

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

What I Built

Hi! I'm excited to submit my entry for the Frontend Challenge.
I built Miratos — a fully responsive and interactive Intranet Dashboard made specifically for companies, teams, and internal use.

Demo

Live Demo: https://arradeepthi.github.io/FrontendChallenge-Intranet-Page/
GitHub Repo: https://github.com/arradeepthi/FrontendChallenge-Intranet-Page

Journey

Here’s a quick preview of what the dashboard includes: Auto-scrolling announcements, Interactive task calendar (click to view tasks), Sticky notes feature, Project progress bars, Team & department info, Company quick stats, Feedback box & useful quick links.

While building this dashboard, I learned and implemented:

  1. Auto-scrolling behavior with paused-on-hover animations
  2. Dynamic calendar generation and interaction using JavaScript
  3. Note-taking features including local storage.
  4. Progress bars that adapt to project completion
  5. Horizontal scrolling with infinite scroll behavior
  6. Responsive layout design using CSS media queries
  7. Sticky side menu and clean navigation patterns

One challenge I particularly enjoyed solving was how to visually distinguish calendar days with tasks, and allow dynamic task viewing per date.

I would love to hear your feedbacks about this project.

Top comments (0)