Back to All Projects
Showcase/Planning
Case Study / 09
PlannrWise
Event planning application with interactive calendar and color-coded event categories.
RoleFront-End Developer
Timeline2024
CategoryPlanning
Core Stack
ReactRedux Toolkit
[ 01 / The Challenge ]
Understanding the Problem & Core Constraints
PlannrWise is an intuitive planner for managing projects and schedules. Users can create, tag, and assign tasks with color-coded alerts and dynamic calendar updates.
Key Constraint
Creating a responsive monthly calendar grid that resizes dynamic text cards based on device viewport without breaking layouts.
[ 02 / The Solution ]
Architectural Decisions & Core Implementation
Used CSS grid layout structures alongside custom Tailwind responsive utilities, controlling calendar calculations in state.
[ Performance & Results ]
1.
100% responsive calendar grid
2.
Clean UI with zero layout shifts
3.
Improved time planning efficiency by 30%
Continue ReadingNext Project — 10