Zenflow space – A Holistic Intranet Experience for the Modern Office

Submission for Frontend Challenge: Office Edition – Holistic Webdev Prompt

👋 Hi Dev Community!

I'm excited to share my submission for the Frontend Challenge: Office Edition, where we were tasked to design a digital workspace using HTML, CSS, and JavaScript — essentially, a dream intranet homepage!

Meet Zenflow Workspace — a clean, responsive, and elegant productivity suite tailored for modern teams striving for focus, flow, and collaboration.

📸 Preview

Dark mode:

Light mode:

🌟 Live Demo

🔗 Try Zenflow Space

🎯 About the Project

In today’s work-from-anywhere culture, employees juggle calendars, tasks, and focus across multiple tools — sometimes leading to digital fatigue. Zenflow Workspace aims to solve that by offering an intuitive, all-in-one productivity dashboard for individuals and teams.

✨ Key Features

• Personalized Greeting – Dynamic greeting based on time of day and user name
• Real-time Date & Time – Stay grounded with current context
• Productivity Analytics – Displays metrics like:
  • Productivity Score
  • Focus Time
  • Tasks Completed
  • Team Collaboration Index
• Smart Task List – View, add, and update active tasks
• Pomodoro Timer – Integrated focus session timer (25:00 min)
• Mindful Breathing Module – Quick reset for your brain
• Daily Inspirational Quote – Fuel for your inner drive

🧪 Tech Stack

• ✅ Nextjs - Frontend mastermind
• 💡 Copilot AI – For making necessary changes

♿ Accessibility & UX

Building with accessibility in mind, Zenflow offers:

• High-contrast UI
• Keyboard-navigable components
• Clear focus indicators
• Mobile-first responsiveness

🎨 Design Philosophy

I wanted to design something that feels light, professional, and centered on clarity. The interface avoids clutter and offers calming visual hierarchy, enabling users to focus on what matters — their work and well-being.

Inspired by Zen aesthetics, the layout creates mental breathing space while still surfacing crucial info.

🧑‍💻 Want to Explore the Code?

Check out the full source code on GitHub:

🔗 GitHub Repository

🙌 Conclusion

Thank you to the amazing folks at DEV and Axero for this thoughtful challenge. Whether you're building for teams of 5 or 500, I believe interfaces like Zenflow can help make remote work more intentional, measurable, and humane.

I'd love your feedback and ideas!

💡 “Excellence is never an accident. It is always the result of high intention, sincere effort, and intelligent execution.” — Aristotle

Thanks for reading! 🌿