Skip to content
Agung Smaraputra
All Projects

Rise Literacy

Learning app with user roles and word import

LaravelVue.jsInertia.jsDocker

Overview

Rise Literacy is a full-stack learning application built at Osky Interactive. The platform supports three distinct user roles — Admin, Tutor, and Guardian — each with different access levels and workflows. A key feature is the word import system that allows educators to bulk-load vocabulary from spreadsheets into the platform. The development environment uses Docker for consistent setup across the team.

Approach

The application is built with Laravel on the backend and Vue.js on the frontend, connected via Inertia.js. This architecture gives the app single-page application responsiveness while keeping routing and controllers on the server side, which simplifies the development model compared to a fully decoupled API approach.

The role-based access system defines clear boundaries between the three user types. Admins manage the platform's content library, user accounts, and system configuration. Tutors create and manage lessons, assign vocabulary sets to learners, and track student progress through the material. Guardians have a monitoring role, viewing learner progress and engagement without the ability to modify educational content. Laravel's authorization policies enforce these role boundaries at the controller and model level, ensuring that each role can only access its permitted resources and actions.

The word import feature accepts spreadsheet uploads (CSV and Excel formats), parses the content, validates entries against the platform's data schema, and imports vocabulary items in bulk. This workflow was important because manually entering hundreds of words with their associated metadata (definitions, categories, difficulty levels) would be impractical for educators building out a curriculum.

Docker Compose defines the development environment with containers for the Laravel application, the database, and supporting services. This ensures that all developers on the team work against the same PHP version, database configuration, and dependency versions regardless of their local machine setup.

Tech Stack

Layer Technology
Backend Laravel
Frontend Vue.js, Inertia.js
DevOps Docker

Key Implementation Details

  • Three user roles (Admin, Tutor, Guardian) with Laravel authorization policies enforcing access boundaries
  • Inertia.js-powered SPA with server-side routing and controller logic
  • Spreadsheet import pipeline for bulk vocabulary loading with validation
  • Tutor workflow for lesson creation, vocabulary assignment, and learner progress tracking
  • Guardian monitoring dashboard for viewing learner engagement
  • Docker Compose development environment for team consistency

Outcome

Rise Literacy is actively maintained as part of Osky Interactive's client portfolio, providing a structured platform for literacy education with role-appropriate workflows for administrators, educators, and guardians.