fullstack
Assignr
A full-stack student productivity workspace for planning, tracking, and reminders
Product Designer & Full-Stack Developer
2026
Solo Project
Impact
Full-Stack
Architecture
React + Fastify + Prisma + PostgreSQL
5
Core Workflows
Planning, tracking, prioritization, export, reminders
2
Integrations
Calendar (ICS) export and webhook reminders
Overview
Assignr is a full-stack student productivity app that combines course planning, assignment tracking, deadline prioritization, calendar export, and webhook reminders in one focused workspace. It was built to feel calm and academic while staying powerful enough for real student workflows.
Tech Stack
ReactTypeScriptViteZustandFramer MotionRechartsFastifyPrismaPostgreSQLJWT AuthICS ExportWebhooks
Challenges
- 1Designing a workspace that balances calm visual design with dense academic workflows
- 2Coordinating state and API design across assignments, courses, and collaboration activity
- 3Implementing reliable reminder and calendar-export flows that match student planning habits
- 4Keeping motion and glassmorphism effects performant on everyday devices
Solutions
- ✓Built a custom Dark Blueprint design system with restrained glassmorphism and purposeful motion
- ✓Structured backend endpoints around course invites, assignment CRUD, and activity/collaboration boundaries
- ✓Added ICS export and webhook reminder pathways to bridge planning data with real notification channels
- ✓Used lightweight client state patterns and focused visual hierarchy to preserve responsiveness and clarity
Key Learnings
01
Product framing for real student productivity workflows
02
Schema and endpoint design for collaborative academic data
03
Pragmatic auth boundaries with JWT across a full-stack app
04
Tradeoffs between visual polish, accessibility, and performance