Discover Our New Open Case Study: eKool

About eKool

eKool is a comprehensive platform designed to streamline communication and collaboration among schools, students, and parents. Widely adopted across Estonia, it serves as a critical tool for:

• Students: Tracking assignments and academic progress.
• Parents: Staying updated on their child’s education.
• School Administrators: Managing educational processes efficiently.
• Supervisory Authorities: Monitoring educational standards.

With 90% of Estonian schools using eKool, the platform touches the lives of nearly 30% of the country’s population—a testament to its widespread impact and reliability.

‍

Why Vue.js is an Excellent Choice for EdTech Projects

Vue.js offers a perfect balance of simplicity, flexibility, and performance, making it an ideal framework for EdTech platforms. Its lightweight nature ensures fast load times, critical for engaging students and educators across devices. The component-based architecture allows for modular development, enabling teams to build and maintain complex features like dashboards, grade tracking, and real-time communication seamlessly. Vue's extensive ecosystem, including tools like Vuex and Pinia for state management, supports scalable solutions, while its intuitive syntax makes it accessible for teams of varying expertise. Additionally, Vue's active community ensures continuous updates and support, helping EdTech projects stay innovative and reliable.

‍

The Challenge

eKool’s architecture is built around multiple microservices, and our client approached us with the goal of:

• Unifying structure and styles across these microservices.
• Building a UI library that wraps around Vuetify, enabling component customization and adding new functionalities.
• Creating comprehensive documentation and usage examples for developers.
• Migrating existing projects from Vue 2 to Vue 3.
• Cleaning up outdated technologies to streamline development.

Ensuring consistency in UI and design across such a vast and complex platform was no small feat.

Our Solution

Our team of Vue.js experts worked diligently to address these challenges, delivering the following:

1. Custom UI Library:
   • Designed to wrap around Vuetify while adhering to specific design specifications.
   • Includes reusable components, styles, and configurations.
2. Comprehensive Documentation:
   • Developed in Storybook, making the library accessible and developer-friendly.
3. Migration to Vue 3:
   • Seamlessly transitioned the library and projects from Vue 2 to Vue 3, ensuring compatibility and improved performance.
4. Boilerplate Project:
   • Created a template for quickly developing new microservices using the library.

Key Results

• A unified UI library integrated across multiple microservices.
• Detailed documentation and usage examples to empower developers.
• Outdated technologies removed, improving the platform’s scalability and maintainability.

Technology Stack

• Frontend: Vue 2, Vue 3, Vuetify, Pinia.
• Other: Backend integrations supporting microservices architecture.

Why Choose Epicmax?

Our team of Vue.js specialists combines deep technical expertise with a passion for delivering exceptional results. With services like web application development, code audits, migration to Vue 3, and more, we’re ready to take on your next challenge.

🚀 Got a project to discuss? Contact us at hello@epicmax.co or via WhatsApp, and let’s build something remarkable together!

About Epicmax

Epicmax is a Vue.js-focused development agency known for its open-source contributions like Vuestic Admin, Vuestic UI, and Epic Spinners. We help businesses turn complex ideas into scalable, user-friendly solutions.

⭐ Check out the full eKool case study and discover what Epicmax can do for you!