Student Career Aptitude Assessment Service

Turnkey

Career aptitude assessment service for middle and high school students
Provides psychological assessment execution, score analysis, and personalized improvement suggestions, including an admin dashboard and Excel export functionality.

Visit Site

Student Career Aptitude Assessment Service - Media 1

1 / 5

Roles

PlanningDesignFrontendBackend

Tech Stack

Next.js

TypeScript

PostgreSQL

Prisma

NextAuth

Zustand

Tailwind CSS

Chart.js

Key Features

5-Step Assessment Workflow: Step-by-step progression from instructions to results to minimize user drop-off
Personalized Result Report: Score analysis and visualization across 5 career development stages with improvement suggestions for weak areas
Previous Results Lookup: Search and review past results using assessment code and phone number
Admin Dashboard: Assessment results list with multi-field search and pagination support
Excel Export: Download complete assessment data including 43 question responses as spreadsheet

Key Achievements

Multi-tier Weighted Scoring System: Implemented sophisticated scoring logic with question-level and area-level weights in 2-tier category structure
Zustand Multi-step State Management: Maintained stable assessment progress state and response data across 5-step workflow
React Hook Form + Zod Validation Pipeline: Ensured data integrity with consistent client-server validation
NextAuth JWT Authentication: Implemented role-based access control (admin/student) with protected API routes
Server Actions Data Processing: Type-safe form submission and data mutation using Next.js 14 server actions
Dynamic Excel Generation API: Real-time workbook creation and binary streaming using XLSX library
Print-Optimized Layout: CSS media queries for screen/print mode separation with page break prevention

#Education

#Psychological Assessment

#Next.js

#Full-stack

#Dashboard

#Data Analytics