Web Development🏢 Educational/Training Organizations
Growth Mindset Assessment Web App
Modern Typeform-style assessment platform with multi-step form (20 weighted questions), real-time results calculation, SQLite persistence, admin dashboard with statistics, and CSV export capabilities using Next.js 14.
Project Overview
🎯
Objective
Build engaging one-question-per-page assessment tool for measuring Growth Mindset with instant scoring and comprehensive admin dashboard
💼
My Role
Full-stack developer - implemented Next.js App Router, Prisma ORM, scoring logic, and responsive UI
⏱️
Timeline
1 week
🛠️
Tech Stack
Next.js 14, TypeScript, Tailwind CSS
📈
Key Results
- ✓Smooth UX: One question per page with progress bar, modern animations, bright colors, instant results after completion
- ✓Scoring system: 20 questions with weighted responses (0-4 points), total 80 points max, 4 categories (Strong Growth 80-100%, Growth 60-79%, Mixed 40-59%, Fixed 0-39%)
- ✓Data management: SQLite with Prisma, admin dashboard with all responses, statistics (total, average), CSV export
- ✓Tech stack: Next.js 14 App Router, TypeScript, Tailwind CSS, Framer Motion animations, Lucide icons
Impact
20 weighted questions
Value
Real-time scoring & analytics
📸
Visual Documentation
Screenshot 1
Screenshot 2
Screenshot 3
💬
Client Testimonial
“
This assessment tool is beautifully designed and smooth to use. The admin dashboard gives us exactly the insights we need to track participant mindset trends.
T
Training Facilitator
Educational Organization
Tools & Technologies
Next.js 14TypeScriptTailwind CSSPrismaSQLiteFramer Motion