ESL Pals

ESL Pals

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.


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, namely the frontend section, the user dashboard, and the advanced admin dashboard. The frontend section was to showcase free lessons and onboard new users, while the user dashboard allowed users to manage their profile, make payments, and download lessons and lesson plans. The advanced admin dashboard provided statistical information about user activity and managed user accounts.

The Technologies


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 an ideal choice for the project. We utilized VueJS to develop the frontend section, user dashboard, and advanced admin dashboard, resulting in a robust and user-friendly web portal.


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. We used the database to manage user accounts, payment details, and user activity logs.


We integrated several third-party services to provide additional functionality and security for the ESL Pals portal. Cloudflare was used for networking, while Stripe and PayPal were integrated for payment processing. We also used the Payments API to authenticate access to the user dashboard, ensuring only authenticated users could access paid lessons and lesson plans.

The Process

& Analysis

Our development team worked closely with the client to define the requirements and analyze the needs of the target audience. The team conducted several meetings and brainstorming sessions to understand the project requirements and identify potential challenges.


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

Frontend & Backend Development

The development process involved the implementation of the VueJS framework and the integration of several third-party services. The team worked in agile sprints, which allowed for regular updates and progress reports to the client.


The portal was thoroughly tested to ensure that it met the client's requirements and was free of bugs and errors. The testing process involved functional testing, performance testing, and security testing.


Once the portal was tested and approved, it was deployed to Digital Ocean, where it was hosted using load balancing for scaling. The deployment process was seamless and ensured that the portal was available to users without any downtime.

Maintenance & Updates

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

Project Description

Tier 1 - Frontend-end 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.

Tier 2 - User dashboard

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

Tier 3 - Admin Portal

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

© 2023 Duende Digital. All rights reserved.