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
- eslint
- lucide-icons
- react
- tailwindcss
- typescript
- vite
- xlsx
Log in or sign up for Devpost to join the conversation.