si Magang (Intern Web App)

📚 SI Magang (Intern Web App)

SI Magang (Sistem Informasi Magang) is a web-based internship management system designed to streamline recruitment, assessment, and evaluation of interns for companies or organizations. Built with Vue.js (frontend) and Laravel (backend), it supports intern registration, document uploads, role-based access control, token-based authentication, and a comprehensive admin panel.

Interns can take randomized online tests with strict anti-cheating mechanisms, including Safe Exam Browser (SEB) enforcement, view their status, and receive tailored performance evaluations. Administrators control applicant screening, test management, scoring, and master data (faculties, programs, evaluation criteria).

🔧 Role

Fullstack Developer (Vue.js Frontend & Laravel Backend)

🧰 Tech Stack

• Frontend: Vue.js, Vuex, Vue Router, Vuesax UI

• Backend: Laravel (REST API)

• Database: MySQL

• Storage: Local / Cloud for file uploads (PDF)

• Authentication: Username/Password with token-based API auth

• Other Tools: Rich Text Editor, Custom Form Validator, File Upload Validator, Responsive Notifications

📌 Key Features & Responsibilities

🔐 Authentication & Authorization

• Traditional login with secure Bearer Token issuance.

• Role-based access (Interns vs Admins).

• Token validation + protected routes with middleware.

📝 Intern Registration Module

• Dynamic forms for College Students, High School Students, Public.

• File uploads (Application Letter, Resume, Certificates, etc.) with PDF validation.

• Strong frontend validations (required fields, min/max length, file type/size).

🧑‍💻 Intern Test Module

• Safe Exam Browser (SEB) Enforcement:

  • Candidates must download SEB along with my encrypted configuration.

  • Config is locked and cannot be edited.

  • If the intern does not use SEB, or tries to modify the config, the exam will fail to start (always error).

  • This ensures exams are secure, tamper-proof, and environment-controlled.

• Test workflow: Not Started → In Progress (with timer, randomized questions) → Completed with results.

• Rules & violation handling: auto-disqualification for tab switching, minimizing, or suspicious activity.

• Real-time quiz interface with countdown, navigation, and answer tracking.
  
  

👤 User Profile

• Interns: manage personal info.

• Admins: view/manage intern records.

📊 Intern Dashboard

• View application status, scores, and evaluation remarks.

• Final result displayed as Passed/Not Passed.
  
  

👤 Admin Test Management

• CRUD for questions and test sets.

• Assign tests to divisions (Programming, Product, etc.).

• Configure duration, passing criteria (KKM), and metadata.

• Multiple choice questions with Rich Text support.

📁 Applicant Management (Admin Panel)

• Applicant listing with search, pagination, actions (Accept, Reject).

• Change intern status: Applicant → Intern → Passed/Failed

📈 Intern Evaluation Module

• Admin scoring with institution-defined custom evaluation criteria (dynamic).

• Supports Attitude, Skills, Communication, etc.
  
  

⚙️ Master Data Management

• Manage Divisions, Faculties, Programs, Institutions.

• Dynamic evaluation criteria per institution for flexible assessments.

💡 Highlights

• Secure SEB-based test environment with encrypted, tamper-proof config.

• Advanced quiz violation detection + real-time status updates.

• Fully role-based, modular, and scalable platform.

• Personally designed relational database schema to support all business logic.
  
  

🚀 This shows off your security mindset, exam/test logic implementation, and ability to integrate external tools (like SEB) into a Laravel + Vue.js system.