This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
What I Built
I created the "Corporate Hub," a modern and user-friendly intranet designed as a central platform for employees. It features a consistent, professional design across all modules to improve communication and engagement.
The project includes several key pages:
Login & Sign-Up: A secure, dual-function portal for user authentication and registration.
Employee Dashboard: The main landing page featuring KPIs, a task manager, news and event feeds, an employee spotlight, and quick links.
Company News Management: A module for creating, editing, and managing internal articles with filtering and categorization.
Events Calendar Management: A full-featured calendar with multiple views and event management capabilities.
Employee Directory: A searchable directory with grid/list views, advanced filtering, and a collapsible organization tree.
Team Spotlight Management: A tool for creating and managing employee recognition features.
Notification Center: A centralized hub for viewing and managing all alerts and messages, with filtering and bulk actions.
User Preferences & Settings: A personalized area for users to update their profile, customize their dashboard, and manage notification settings.
Admin Dashboard: A comprehensive backend for managing users, content, system health, analytics, and live sessions.
Overall, the "Corporate Hub" is a unified platform designed to be the digital heart of the company.
Here's demo Link- Demo
Here's Github Link-CODE
->Dashboard page
->Admin page
Journey
My process for creating the "Corporate Hub" was iterative, starting with a strong, consistent visual identity for a professional user experience. I strategically built the most complex page, the Admin Dashboard, first. This established the core data structures and functionalities for the entire platform.
From there, I developed the employee-facing modules, including the dynamic Employee Dashboard and other interactive pages like the Events Calendar and Notification Center. Throughout this process, I focused on creating a clean, uncluttered UI to avoid information overload.
A key lesson was the importance of modular design. Building each page as a self-contained module made development manageable and ensures the platform is scalable. The ultimate goal was to create a tool that is not just functional but also engaging and efficient for every employee .
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 License. This means that you are free to copy, reuse, and modify the drawing (non-commercially) as long as you give appropriate credit to the author.
Top comments (3)
Impressive Project
Delightful experience on
project
Nice Project