This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
What I Built
For this challenge, I built the InnovateCorp Portal. It’s a modern and friendly intranet designed to be a one-stop shop for employees. My goal was to make more than just a page of links; I wanted to create a helpful and interactive space that makes work easier and brings people together.
The portal has a clean, card-based layout that’s easy to read. Key features include:
A Personalized Welcome: The page greets you by name and gives you a quick update on your day.
Quick Action Buttons: These let you easily do common tasks like starting a new project or scheduling a meeting.
A Dashboard of Handy Widgets:
1.Upcoming Events: See your meetings and company events for the week.
2.Team Spotlight: Shines a light on a coworker for their great work.
3.Company Pulse: Shows interesting company stats at a glance.
4.Announcements: Keeps you updated on important company news.
5.Quick Resources: Easy links to things like the employee handbook and IT support.
6.Celebrations: A fun spot to see whose birthday or work anniversary is coming up.
Demo
Live Demo Link: INNOVATECORP
Code Repository: REPO
Journey
When I started this project, I thought about what an employee would actually need and want to see every day. My goal was to make something genuinely useful and pleasant to use.
To build the layout, I used modern CSS tools:
- I chose CSS Grid to arrange the main dashboard. It’s perfect for creating a widget layout that looks good on any screen size and is easy to add to later.
- I used Flexbox to neatly line up the content inside each widget.
I’m especially happy with how the "Team Spotlight" and "Celebrations" widgets turned out. I believe an intranet should do more than just help with work; it should also help build a friendly company culture. These features are all about celebrating people and their contributions.
Building this portal was a great experience. It taught me a lot about how to organize information clearly and how to use CSS to create a clean, user-friendly design. It was fun to create a project that is both useful and helps build a sense of community.
Top comments (0)