Back to Projects

IYF Survey & Test Platform

Interactive Assessment Platform | Laravel & Vue.js SPA

Laravel Vue.js SPA Education Assessment Multi-lingual
IYF Survey & Test Platform

Project Overview

IYF is a comprehensive survey and test platform developed as a Single Page Application (SPA) using Laravel and Vue.js. This was my first project at Brainx Technologies, where I built an interactive assessment system featuring workbooks with various question types including multiple-choice, single-select, multi-select, image-based questions, and short/long answer formats. The platform supports educational institutions in creating, administering, and analyzing assessments across multiple languages.

Client: Educational Assessment Organization
Year: 2020

Key Features

Workbook Structure

Designed a flexible workbook structure allowing administrators to organize assessments into modular sections with various question types and difficulty levels.

Diverse Question Types

Implemented multiple question formats including MCQs, single/multi-select options, image-based questions, and text responses to accommodate different assessment needs.

Multi-lingual Support

Built comprehensive multi-language support enabling assessments to be created and taken in multiple languages, increasing accessibility for diverse user populations.

Responsive Design

Developed fully responsive interfaces ensuring seamless assessment experiences across devices from desktops to smartphones, allowing users to complete assessments anywhere.

Results Analytics

Created 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 my first major project at Brainx Technologies
  • Reduced assessment creation time by 65% compared to previous manual methods
  • Improved completion rates by 40% through the 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
MySQL
SPA
API
JavaScript
CSS3
HTML5
Bootstrap

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.