Inspiration

In many organizations like my company epsco with multiple oracle apps, employees struggle to find the right tools, news, and resources quickly. We wanted to create a single, beautiful portal that brings everything together—making work life easier, more productive, and more connected.

What it does

Company Portal is a centralized platform where employees can securely log in and access all their internal applications, news, and resources from one place. It provides:

Personalized Dashboard: Employees see tools and news relevant to their department and role. Application Directory: Search, filter, and launch company apps easily. Quick Access: Pin favorite or frequently used applications for faster workflow. News & Announcements: Stay updated with targeted company news and important alerts. Admin Panel: IT and admins can manage users, apps, and announcements. Multilingual Support: Switch between languages and RTL/LTR layouts for global teams.

How we built it

1 |Frontend: Built with React, Vite, and TypeScript for fast development and performance. 2 |UI: TailwindCSS for modern, responsive design. 3 |Authentication: Custom hooks for user login and role management. 4 |Features: Application directory, quick access, news/announcements, admin panel, and language selector. Testing & Linting: ESLint and TypeScript for code quality.

Challenges we ran into

1 |Designing a flexible system that supports multiple departments and roles. 2 |Ensuring accessibility and usability for all users, including RTL language support. 3 |Managing state and data flow efficiently across the app.

Accomplishments that we're proud of

1 |Unified Experience: We created a single portal that brings together all company tools, news, and resources, making employees’ lives easier.

2| Role-Based Personalization: The dashboard adapts to each user’s department and role, showing only what’s relevant to them.

3 |Multilingual & RTL Support: The portal is accessible to a global workforce, with seamless language switching and right-to-left layout support.

4 |Modern, Responsive UI: We delivered a beautiful, intuitive interface that works great on any device.

5 |Admin Tools: Built a powerful admin panel for easy management of users, apps, and announcements.

6 |Security: Implemented secure authentication and access control to protect company data.

7 |Reusable Components: Developed scalable, maintainable code with reusable React and TailwindCSS components.

What we learned

1 |How to design a user-centric dashboard that adapts to different roles and departments. 2 |mplementing secure authentication and role-based access in a React app. 3 |Building a multilingual interface with RTL/LTR support. 4 |Creating reusable, scalable components with TailwindCSS and TypeScript.

What's next for company portal

We plan to integrate more third-party tools, add notifications, and support mobile devices even better. Our goal is to make this portal the digital heart of any company!

Built With

Share this project:

Updates