Keylumi - ESL Pals Case Study

The Brief

Our software development company was approached by a client to develop ESL Pals, a web portal project designed for English second language learners. The objective was to create a subscription-based system that allows users to access source materials and download PDF files through encrypted links.

Objective

Our objectives were to develop a user-friendly and secure web portal that enables users to access free and paid lessons with ease. The platform was designed to have three tiers: the frontend section, the user dashboard, and the advanced admin dashboard. The frontend showcases free lessons and onboards new users, while the user dashboard allows profile management, payments, and lesson downloads.

Project Impact

3 Platform Tiers

100% Client Satisfaction

4 Months Development

24/7 Platform Availability

Technologies Used

Framework

We utilized the VueJS framework to develop the ESL Pals portal. VueJS is a progressive JavaScript framework used to build user interfaces and single-page applications. Its flexibility, scalability, and ease of use made it ideal for developing the frontend, user dashboard, and admin dashboard.

Database

For the ESL Pals portal, we used a managed MySQL database service provided by Digital Ocean. MySQL is an open-source relational database management system used to manage data and store user information, payment details, and user activity logs.

Services

We integrated several third-party services including Cloudflare for networking, Stripe and PayPal for payment processing, and the Payments API to authenticate access to the user dashboard, ensuring only authenticated users could access paid lessons.

Development Process

Requirements & Analysis

Our development team worked closely with the client to define requirements and analyze the needs of English second language learners. We conducted meetings and brainstorming sessions to understand project requirements and identify potential challenges.

Resource Planning

After analyzing requirements, our team created a detailed project plan outlining scope of work, timelines, and resource requirements. The plan also identified potential risks and mitigation strategies.

Frontend & Backend Development

The development process involved implementing the VueJS framework and integrating several third-party services. The team worked in agile sprints, allowing for regular updates and progress reports to the client.

Testing

The portal was thoroughly tested to ensure it met client requirements and was free of bugs and errors. Testing included functional testing, performance testing, and security testing.

Deployment

Once tested and approved, the portal was deployed to Digital Ocean with load balancing for scaling. The deployment process was seamless and ensured the portal was available to users without downtime.

Maintenance & Updates

The portal is continuously updated and upgraded through monthly maintenance. Updates are implemented to improve performance, security, and user experience.

Project Structure

Tier 1 - Frontend Onboarding

The frontend section of the portal is designed to showcase free lessons and onboard new users. The frontend section is optimized for performance and provides an easy-to-use interface for users to discover and access educational content.

Tier 2 - User Dashboard

The user dashboard allows users to manage their profile, make payments, and download lessons and lesson plans. The dashboard is secure and only accessible to authenticated users, providing access to premium educational materials.

Tier 3 - Admin Portal

The advanced admin dashboard provides statistical information about user activity and manages user accounts. It's designed for administrators and provides a secure and efficient way to manage user accounts and monitor user activity.

Ready to Build Your Educational Platform?

Let's discuss how we can help you create a comprehensive learning management solution.