SPA designed and developed from scratch as a scalable multi-tenant assessment platform enabling administrators to create dynamic workbooks (surveys/questionnaires), assign them to organizations, and collect structured responses from end users with full multi-language support.
IYF Survey & Test Platform
Interactive Assessment Platform | Laravel & Vue.js SPA
Project Overview
My Role
- Full Stack Associate Software Engineer
- Build from scratch from start to end
Key Features
Workbook & Assessment Management
Designed a modular workbook system with optional section-based structure; organization-level workbook assignment with access controls; image attachments at question level.
Question Engine
Flexible question engine supporting single-select MCQs, multi-select MCQs, short-answer questions, and file upload questions; architected for easy extension of future question types.
Multi-Language & Localization
Snippet-based translation framework for dynamic localization; multilingual content (English, Arabic, Spanish, French, Hindi, Portuguese); language-specific content delivery per organization and workbook; centralized translation management with language activation controls.
Organization Management
Full organization lifecycle (create, update, activate/deactivate); organization-specific workbook mapping and access filtering; unique organization codes; language-based organization filtering.
Custom Fields
Dynamic organization-level custom fields for additional data capture; integrated into user profiles and assessment workflow.
Results Analytics
Detailed analytics dashboards for administrators to evaluate assessment performance, identify knowledge gaps, and generate comprehensive reports.
Technical Challenges
Complex Question Logic
Implementing diverse question types with different validation rules, scoring mechanisms, and display logic required sophisticated frontend and backend development.
SPA Architecture
Building a seamless single-page application experience that maintained state across the assessment process while ensuring data integrity and performance optimization.
Multi-language Implementation
Developing a robust localization system that could handle dynamic content creation and display across multiple languages, including right-to-left language support.
Mobile Responsiveness
Ensuring complex question types and interactive elements remained functional and user-friendly across various screen sizes and device capabilities.
Results & Impact
- Successfully implemented as first major project at Brainx Technologies (Full Stack Associate Software Engineer)
- Reduced assessment creation time by 65% compared to previous manual methods
- Improved completion rates by 40% through mobile-responsive design
- Enabled educational institutions to offer assessments in multiple languages
- Streamlined the assessment process from creation to reporting
- Enhanced data collection quality through structured question formats
Technologies Used
Laravel
Vue.js
VueX
MySQL
SPA
Bootstrap
EC2
PHP
JavaScript
CSS3
HTML5
Project Attribution
This project was developed while working at Brainx Technologies. Full project credits and intellectual property belong to Brainx Technologies. My role in this project was as a Full Stack Developer, responsible for both backend and frontend development, API architecture, and deployment infrastructure.
Brainx Technologies is a leading software development company providing disruptive digital products and tech solutions to SMBs, Startups & Enterprises.
View Original Case Study