Kebutuhan
Kandidat membutuhkan latihan psikotes yang adil dan panduan karier, sementara perusahaan membutuhkan cara yang terkontrol untuk menilai pelamar.
SaaS EdTech & HR-Tech ยท 2026
PsikoTech App
Platform SaaS untuk latihan psikotes dan persiapan karier yang menggabungkan CBT aman, wawancara AI, dan sesi rekrutmen privat.
- Peran:
- Arsitek & Engineer Full-Stack Utama
- Jenis proyek:
- SaaS CBT Psikotes & Karier
- Tahun
- 2026
- Situs web
- psikotech.app
7Format soal
4Peran pengguna
2Tahap impor soal
Angka ini menunjukkan cakupan produk dalam dokumentasi, bukan dampak pengguna atau bisnis yang telah diukur.
Ringkasan 30 detik
Kontribusi saya
Saya merancang dan membangun alur CBT, pengalaman wawancara 3D Atria, serta impor soal dua tahap dalam platform SaaS berbasis peran.
Hasil kerja terdokumentasi
Dokumentasi proyek menjelaskan tujuh format soal, empat peran pengguna, dan pembuatan soal yang memakai parser lokal sebelum Gemini.
Konteks & Masalah
PsikoTech melayani anggota yang sedang mempersiapkan diri untuk bekerja dan perusahaan yang menilai kandidat. Keduanya membutuhkan tes yang andal, masukan yang berguna, dan akses sesuai peran.
- Menjaga keadilan asesmen berbatas waktu saat peserta berpindah tab, memakai clipboard, kehilangan koneksi, atau me-refresh tes yang sedang berjalan.
- Memberikan latihan wawancara dan masukan karier yang dapat ditindaklanjuti tanpa bergantung pada kredit layanan suara pihak ketiga yang berbayar.
- Melayani beberapa peran dan tingkat akses sambil melindungi konten privat, data rekrutmen, serta endpoint AI yang memerlukan biaya.
Peran & Cakupan Saya
Dokumentasi proyek menyebut peran saya sebagai Arsitek & Engineer Full-Stack Utama. Kontribusi berikut secara khusus diatribusikan kepada saya:
Merancang alur asesmen CBT dengan timer yang tahan refresh, pencatatan pelanggaran tab dan clipboard, pengiriman otomatis, serta ulasan jawaban.
Mengembangkan alur wawancara 3D Atria dengan pertanyaan berdasarkan CV dan lowongan, interaksi suara, pemulihan sesi, serta masukan kesiapan karier.
Mengimplementasikan impor soal AI yang mendahulukan parser dan platform multi-peran untuk anggota, admin, mitra B2B, dan penulis.
Alur Utama Pengguna
Produk ini menghubungkan persiapan kandidat dengan alur rekrutmen dalam satu pengalaman.
Mengikuti asesmen psikotes
Anggota menjawab salah satu dari tujuh format soal dengan timer tersinkronisasi dan navigator soal. Aturan pelanggaran dapat memicu pengiriman otomatis, lalu anggota melihat skor dan penjelasan jawaban.
Berlatih wawancara dengan Atria
Anggota memasukkan CV dan lowongan tujuan. Pewawancara 3D mengajukan delapan pertanyaan yang disesuaikan, mendukung interaksi suara dan pemulihan sesi, lalu memberikan masukan kesiapan serta analisis SWOT.
Mempersiapkan langkah karier
Anggota dapat berlatih tes Pauli dan Kraepelin, membaca e-book privat, membuat resume ramah ATS, serta membandingkan CV dengan deskripsi lowongan untuk memperoleh skor kecocokan dan saran kata kunci.
Menyelenggarakan sesi rekrutmen privat
Mitra B2B membuat asesmen khusus undangan, mengirim token kandidat, dan meninjau peringkat pelamar. Admin mengelola paket serta akses; penulis menerbitkan materi belajar dan soal.
Penulis dapat menerbitkan bank soal dan buku; tingkat akses mencakup gratis, wajib login, langganan, paket premium, dan undangan B2B privat.
Tampilan Produk
Dashboard admin, anggota, dan penulis memperlihatkan bagaimana peran yang dijelaskan dalam dokumentasi memakai PsikoTech untuk mengelola platform, memantau progres latihan, dan monetisasi konten.
01 / 03
Dashboard Admin
Ringkasan admin menampilkan jumlah anggota, langganan aktif, pendapatan bulanan, dan grafik tes harian. Menunya mengelompokkan manajemen pengguna, bank soal, seleksi perusahaan, dan konten, dengan tombol pengumuman di bagian atas.
02 / 03
Dashboard Anggota
Tampilan anggota menonjolkan rekomendasi paket psikotes, jumlah latihan, nilai rata-rata, tingkat kelulusan, dan kalender aktivitas tahunan. Menunya menghubungkan tes dan kuis dengan alat karier seperti pembuatan CV ATS dan persiapan wawancara.
03 / 03
Portal Penulis Soal
Dashboard penulis menampilkan pendapatan dari referral dan kelas berbayar, jumlah pengakses paket, aktivitas referral, serta tes harian. Dokumentasi proyek menjelaskan peran ini sebagai penerbit bank soal dan materi belajar dengan pelacakan komisi.
Keputusan Teknis & Konsekuensinya
Setiap keputusan menjawab kebutuhan produk: asesmen yang andal, biaya AI yang terkendali, data privat, atau wawancara interaktif.
Menjaga konsistensi tes berbatas waktu
Hitung mundur CBT disinkronkan antara client dan server, dan status pengerjaan tetap tersimpan setelah halaman di-refresh.
Pendekatan ini memerlukan aturan pemulihan dan pengiriman otomatis yang jelas saat waktu habis atau batas pelanggaran terlampaui.
Memakai AI hanya saat parser membutuhkannya
Soal massal berformat terstruktur diproses oleh parser lokal tanpa biaya token AI; Gemini menjadi fallback untuk menormalkan teks yang tidak teratur.
Kedua jalur melewati validasi Zod dan pemeriksaan kesesuaian paket sebelum soal diterima.
Melindungi data lintas peran pengguna
Auth.js membatasi akses Admin, Anggota, Mitra, dan Penulis. Prisma memakai koneksi PostgreSQL dengan pooling untuk trafik serverless dan koneksi langsung untuk migrasi.
Buku PDF privat memakai Supabase Storage dengan RLS, sedangkan Upstash membatasi laju akses ke endpoint sensitif.
Merender wawancara di browser
Three.js dan VRM merender Atria, sementara Web Speech API bawaan menangani suara tanpa kredit TTS atau STT berbayar.
Interaksi suara bergantung pada dukungan browser; pemulihan sesi dan penyuntingan transkrip menjaga kelanjutan alur wawancara.
Implementasi & Model Akses
Next.js App Router memisahkan rute dan UI dari fitur domain, server actions, skema validasi, dan utilitas bersama. Auth.js membatasi akses sesuai empat peran pengguna.
Prisma terhubung ke PostgreSQL di Supabase melalui PgBouncer pooling untuk trafik serverless dan koneksi langsung untuk migrasi. File buku privat memakai Supabase Storage dengan row-level security.
Admin
Mengelola pengguna, perusahaan, paket, kategori, audit, pengumuman, dan analitik platform.
Anggota
Berlatih tes, meninjau progres, membaca e-book, menyusun resume, dan menyelesaikan wawancara AI.
Mitra B2B
Membuat sesi rekrutmen privat, mengundang kandidat dengan token unik, dan meninjau peringkat pelamar.
Penulis
Menerbitkan soal dan buku, membagikan tautan referral, serta memantau komisi penjualan dan jumlah pembaca.
Teknologi yang Digunakan
Aplikasi & antarmuka
Next.js 15, React 19, TypeScript, Tailwind CSS, shadcn/ui, Framer Motion
3D, suara & AI
Three.js, @pixiv/three-vrm, Web Speech API, Google Gemini
Data & akses
Prisma ORM 6, PostgreSQL (Supabase), Auth.js v5, Zod, TanStack Query
Formulir & asesmen
React Hook Form, Zod, Recharts
Konten & analitik
pdfjs-dist, react-pdf, react-pageflip, unpdf, Tiptap, Recharts
Komunikasi
Resend, web-push, Sonner
Keamanan & kualitas
Rate limiting Upstash Redis, Storage privat dengan RLS, Vitest
Validasi & Kualitas
Dokumentasi proyek menyebut lebih dari 50 kasus pengujian otomatis unit, integrasi, dan keamanan dengan Vitest. Laporan pengujian publik belum dilampirkan pada portofolio ini.
Pemrosesan soal
Pengujian parser mencakup impor terstruktur dan jalur fallback Gemini.
Aturan struktur kuis
Validasi skema memeriksa struktur soal dan kecocokannya dengan paket.
Perlindungan endpoint
Pengujian keamanan mencakup server actions; pembatasan laju Upstash dan penyaringan email sementara menangani penyalahgunaan.
Hasil Kerja Terdokumentasi
Sumber yang tersedia menjelaskan cakupan implementasi, belum menyajikan pengukuran adopsi, kecepatan rekrutmen, atau dampak bisnis. Hasil kerja berikut didukung oleh dokumentasi:
- Mesin CBT dengan tujuh format soal, aturan anti-kecurangan, timer tahan refresh, penilaian, dan ulasan jawaban.
- Alur wawancara 3D Atria dengan delapan pertanyaan berbasis CV, interaksi suara, pemulihan sesi, dan masukan kesiapan.
- Platform SaaS empat peran dengan konten belajar privat, sesi rekrutmen B2B, alat resume ATS, dan impor soal dua tahap.